/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

0 vote122 views3 answers
Sass color functions
CSS
3 votes122 views1 answer
Css scaling border radius
CSS
10 votes144 views6 answers
Modal html
CSS
0 vote120 views1 answer
How to install tailwind cdn
CSS
32 votes110 views2 answers
Git stop merge
CSS
0 vote121 views1 answer
Mettre image in the background
CSS
8 votes116 views4 answers
Css fill div with background image
CSS
0 vote121 views1 answer
Closing modal on iframe movies still running
CSS
1 vote122 views1 answer
Apply css if class not present
CSS
253 votes196 views10 answers
Bootstrap cdn
CSS Bootstrap