/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

0 vote412 views1 answer
Reindent sublime
CSS
1 vote360 views2 answers
Dropdown on hover
CSS
0 vote355 views2 answers
Min font-size
CSS
8 votes382 views2 answers
Html how to change highlight color
CSS
53 votes352 views6 answers
How to underline text in css
CSS
42 votes377 views5 answers
Css cut off text
CSS
5 votes369 views1 answer
Css animate flashing
CSS
0 vote356 views1 answer
Why programmers are single
CSS
2 votes353 views1 answer
Beautiful navigation bar css
CSS
67 votes381 views3 answers
St. Patrick's Day
CSS