/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

15 votes389 views5 answers
Remove horizontal scrollbar css
CSS
0 vote367 views1 answer
Color around the text
CSS
1 vote374 views1 answer
Before content from attribute
CSS
152 votes405 views6 answers
How to add bold in css
CSS
64 votes353 views6 answers
Center image html
CSS
3 votes388 views3 answers
Responsive text css
CSS
0 vote356 views2 answers
Mat-select-panel-wrap change position
CSS
-1 vote424 views2 answers
Input uppercase with css
CSS
7 votes370 views3 answers
Sans serif font family css
CSS
1 vote353 views1 answer
Chrome button black white border
CSS