CSS Grid Layout Lab

Easy
119
3
71.8% Acceptance

In this lab, you will create a CSS Grid Layout to display 6 items in a 3x2 layout with specific column widths and row heights. You will be using the display property, along with grid-template-columns, grid-template-rows, and grid-gap properties to achieve the desired result.

CSS Grid Layout is an advanced layout module which is very powerful and flexible. You can create complex, responsive designs with minimal code using this module. If you are new to CSS Grid Layout, make sure to go through the basics first and then come back to this lab.