/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 votes317 views1 answer
Html remove hittest from element
CSS
0 vote322 views2 answers
Tailwind css disabled button
CSS
54 votes305 views2 answers
How to center an image element inside a block in css
CSS
0 vote332 views1 answer
Aplicar padding a sombra
CSS
41 votes311 views6 answers
Media query for mobile min and max width
CSS
1 vote314 views2 answers
Fit image in grid css
CSS
0 vote349 views1 answer
How to disable margin collapse between parent and child
CSS
1 vote325 views1 answer
What is the username password for ftp lampp
CSS
0 vote338 views1 answer
Transform on click
CSS
0 vote353 views1 answer
Removing default background color of html input
CSS