Grid Template Rows and Columns

Easy
124
2
81.5% Acceptance

In this lab, you will create a 3x3 grid using CSS Grid Layout.

To achieve this, you have to create a container div element with id 'grid-container' and apply the CSS Grid properties to it. You will learn about grid-template-rows and grid-template-columns to create rows and columns inside the grid container.

You will also create 9 child divs and style them with border, background-color, and aligned text.

This lab will help you understand the basic concept of how to create a grid layout using CSS Grid properties.

Concepts used in this lab:

  1. CSS Grid Layout
  2. grid-template-rows
  3. grid-template-columns
  4. Basic CSS styling