/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 vote307 views1 answer
No zoom viewport
CSS
0 vote301 views1 answer
Overiade main style only for specific page sass
CSS
0 vote307 views3 answers
Css keep focus color on div after click
CSS
1 vote285 views1 answer
Fade other items on hover
CSS
3 votes319 views2 answers
How to zoom iin by default in html page
CSS
7 votes296 views2 answers
Scss extend
CSS
0 vote307 views1 answer
Feature detect css
CSS
0 vote313 views1 answer
Css background image follow scroll
CSS
1 vote290 views2 answers
Text align left top
CSS
1 vote269 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS