/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

85 votes358 views6 answers
Red color hex
CSS
0 vote325 views1 answer
Css how to find all ids that end with something
CSS
0 vote324 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
8 votes400 views6 answers
Aos animation
CSS
-1 vote355 views2 answers
Bootstrap 4 popover content from div
CSS
8 votes371 views4 answers
Css image align left
CSS
42 votes358 views5 answers
Css cut off text
CSS
6 votes364 views2 answers
Css browser prefixes
CSS
0 vote321 views1 answer
Css disable transition on first load
CSS
0 vote371 views1 answer
Force keyboard to hide android programmatically
CSS