/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 vote151 views1 answer
For...of...loop
CSS
16 votes185 views4 answers
How to make image a circle css
CSS
1 vote172 views1 answer
Width defined by content css
CSS
0 vote159 views1 answer
Ancho maximo css
CSS
5 votes166 views1 answer
How to make text not highlightable css
CSS
0 vote157 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
164 votes206 views4 answers
Html head css link
CSS
1 vote147 views1 answer
Select all class in css
CSS
11 votes168 views2 answers
How to center horizontally and vertically block div
CSS
14 votes157 views2 answers
Css grid command for responsive design
CSS