/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 vote320 views1 answer
Statamic regex replace
CSS
0 vote310 views1 answer
COMO ADC HOVER
CSS
1 vote311 views1 answer
How to remove increment in input type number
CSS
7 votes340 views3 answers
Embed google font css
CSS
0 vote336 views1 answer
Custom hr in css
CSS
0 vote340 views1 answer
Css template columns and rows
CSS
1 vote322 views1 answer
Duplicate box-shadow on element inner and outer
CSS
0 vote309 views2 answers
Bootstrap 5 container
CSS
4 votes303 views3 answers
How to not underline links in css
CSS
0 vote344 views2 answers
Create column with values mapped from another column python
CSS