/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

4 votes218 views2 answers
Css selected color
CSS
2 votes201 views2 answers
Css grid make all rows same height
CSS
0 vote196 views1 answer
Edit default theme in component angular css
CSS
174 votes262 views6 answers
How to add background image in css
CSS
69 votes211 views6 answers
Center image css
CSS
29 votes221 views4 answers
How to remove bullet in css
CSS
0 vote236 views1 answer
Faunadb update
CSS
1 vote210 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote193 views1 answer
Set margin to none inside print
CSS
0 vote227 views1 answer
Css box shadow right and down
CSS