/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

6 votes190 views4 answers
Change border highlight color on an input text element
CSS
2 votes208 views1 answer
Aajouter une image dans un before after
CSS
0 vote241 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
9 votes196 views3 answers
Bootstrap badge color
CSS
0 vote203 views1 answer
Html css drow line
CSS
20 votes205 views5 answers
Background color transparent opacity css
CSS
0 vote195 views1 answer
Setting background for anchor pane
CSS
1 vote275 views2 answers
Set custom cursor
CSS
2 votes203 views1 answer
Css text black outline
CSS
0 vote214 views3 answers
Image slider html css
CSS