/CSS/How to use a blank space with grid template areas css

How to use a blank space with grid template areas css

.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

13 votes168 views6 answers
Bootstrap Badges
CSS
2 votes169 views1 answer
Vertically center an svg
CSS
6 votes193 views3 answers
Scroll snap css
CSS
0 vote178 views1 answer
Code to change size when hover effect
CSS
0 vote164 views1 answer
Enlarge ionicons css
CSS
0 vote197 views1 answer
Textarea resize only horizontal
CSS
9 votes184 views3 answers
Fix textarea size
CSS
17 votes208 views1 answer
Sass calc with variable
CSS
2 votes174 views2 answers
Disable right click with css
CSS
0 vote157 views1 answer
Postcss plugin
CSS