/CSS/How to use a blank space with grid template areas css

How to use a blank space with grid template areas css

.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

1 vote152 views1 answer
Change angular material icon color
CSS
0 vote148 views1 answer
Change disbled button background pyqt5
CSS
6 votes147 views2 answers
Border-collapse
CSS
0 vote138 views1 answer
Remove underline in a a
CSS
0 vote169 views1 answer
Navbar bootstrap display items horizontally
CSS
22 votes156 views3 answers
Css disable text select
CSS
0 vote157 views1 answer
Tailwindcss link tag
CSS
0 vote143 views2 answers
Html overflow scroll only if needed with exemple
CSS
3 votes159 views2 answers
Bootstrap 5 pagination
CSS
0 vote144 views1 answer
Resetting Default Table Styles
CSS