/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

-1 vote303 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
1 vote276 views1 answer
How to boosts your rendering performance
CSS
34 votes270 views6 answers
Css linear gradient
CSS
47 votes281 views6 answers
Css nth child
CSS
0 vote277 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote325 views1 answer
Keeping text to be in one line
CSS
64 votes305 views4 answers
Bootstrap buttons
CSS
6 votes271 views2 answers
How to make all the columns equal size with flexbox
CSS
48 votes284 views3 answers
Red color rgb
CSS
29 votes285 views4 answers
@font-face css
CSS