Your first grid

Instructions to create your first grid

1

2

3

4

5

6

7

8

  1. To create your first grid simply add display: gridon your element.
  2. Once your grid is create you have to create your columns to do that, use grid-template-columnsand add as many as you want columns.
  3. You can do the same with row with grid-template-rows.
  4. If you want you can create some gap with grid-gap.
  5. In grid-template-columnsand grid-template-rows one parameter is equal to one column or one row, and don't forget to give size to your rows and columns.