/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

25 votes135 views6 answers
Multiple nth child css
CSS
0 vote158 views1 answer
Html link local css file
CSS
-1 vote148 views2 answers
Css make border rotate around element
CSS
0 vote149 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote152 views1 answer
Carbon today date with 12 00 am
CSS
4 votes164 views2 answers
Css selected color
CSS
0 vote149 views2 answers
Memebuat html dan css login instagram
CSS
16 votes141 views3 answers
Sass install
CSS
0 vote150 views1 answer
Night / dark mode css
CSS
0 vote143 views1 answer
Td wrap text without space
CSS