/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

-1 vote105 views1 answer
Empty areas in the grid are defined using '.'
CSS
7 votes108 views2 answers
Css id selector
CSS
0 vote108 views1 answer
Scss variables mixins
CSS
1 vote98 views1 answer
Move element to the left css
CSS
0 vote92 views1 answer
Css no wrap
CSS
0 vote109 views2 answers
Css selector label for
CSS
3 votes111 views2 answers
Image with background color css
CSS
8 votes99 views2 answers
Text that shows an underline on hover
CSS
-2 votes102 views1 answer
Css transform translate and rotate
CSS
0 vote106 views1 answer
Bulk order pre cooked pasta
CSS