Css-Grid

Example 1

grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr

OR

grid-template-columns: repeat(7, 1fr)

Example 2

grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))

Example 3

  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 200px);

grid-column: 1/3;
grid-row: 1/3;

grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;

grid-column: 3/6;

grid-column: 1/3;
grid-row: 3/4;

grid-column: 3/5;
grid-row: 2/4;