/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 vote189 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote193 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote133 views1 answer
Css ul shifts
CSS
0 vote135 views1 answer
Position absolute above everything
CSS
0 vote128 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
1 vote144 views3 answers
Console error
CSS
1 vote215 views1 answer
Button background color remove
CSS
3 votes141 views6 answers
Input disabled css
CSS
0 vote127 views1 answer
Css local variable
CSS
6 votes162 views3 answers
Css for safari only
CSS