/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

4 votes215 views1 answer
How to stop an image repeating in css
CSS
0 vote258 views1 answer
Line sharpness css
CSS
25 votes222 views4 answers
Remove outline
CSS
0 vote236 views1 answer
Estilos de scroll css
CSS
0 vote234 views1 answer
Slect all li that not have ul
CSS
0 vote225 views1 answer
How to make a square div in css
CSS
0 vote260 views1 answer
Side nav bar in materialize css
CSS
0 vote235 views1 answer
Cypress check css property value
CSS
0 vote243 views1 answer
Next day 2pm delivery countdown timer script
CSS
6 votes282 views5 answers
Xss
CSS