/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

6 votes244 views5 answers
Bootstrap icons
CSS Bootstrap
1 vote232 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote224 views1 answer
Soup css selector
CSS
2 votes302 views1 answer
How to override material ui css
CSS
6 votes233 views4 answers
Css hover to disable
CSS
1 vote238 views1 answer
Before content from attribute
CSS
0 vote234 views1 answer
How to link to class in CSS
CSS
3 votes253 views3 answers
Open sans css
CSS
1 vote230 views1 answer
Materialize customize container
CSS
1 vote250 views2 answers
Css button style rectangle
CSS