/CSS/Empty areas in the grid are defined using '.'

Empty areas in the grid are defined using '.'

.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

-2 votes169 views3 answers
Css example
CSS
0 vote176 views1 answer
Css color codes
CSS
0 vote170 views1 answer
Twig currency name
CSS
7 votes177 views2 answers
Rem vs em
CSS
1 vote180 views2 answers
Inner border css
CSS
2 votes174 views1 answer
Uninstall pm2
CSS
0 vote186 views1 answer
Css absolute from center and not corner
CSS
0 vote163 views3 answers
Bulma capitalized
CSS
127 votes352 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote167 views1 answer
How to remove gap between divs
CSS