/CSS/Empty areas in the grid are defined using '.'

Empty areas in the grid are defined using '.'

.container {
  display: grid;

  grid-template-columns: 2fr 2fr 1fr 2fr;
  grid-template-rows: 100px 200px 100px;

  grid-template-areas:
    "head head . side"
    "main main . side"
    "footer footer footer footer";
}

-1

Source: alligator.io

Similar codes

2 votes147 views5 answers
How to reset postgres password
CSS
0 vote124 views1 answer
Position inset css
CSS
36 votes110 views6 answers
Css color
CSS
8 votes119 views4 answers
Text-align attribute in css
CSS
0 vote135 views1 answer
Css check if class as color white
CSS
0 vote114 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
3 votes115 views2 answers
How to split a background into two color in css
CSS
168 votes162 views6 answers
Box shadow css property
CSS
165 votes166 views6 answers
How to make text bold in css
CSS
164 votes165 views6 answers
Box-shadow css
CSS