css grid example

36

.container {
  display: grid; 
  grid-template-columns: 1fr 1.7fr 1fr; 
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "header header header"
    "aside content content"
    "aside content content"
    "aside ad ."
    "aside footer footer"; 
}
.header { grid-area: header; }
.aside { grid-area: aside; }
.content { grid-area: content; }
.ad { grid-area: ad; }
.footer { grid-area: footer; }

Comments

Submit
0 Comments