Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

css grid example

.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; }
Source by grid.layoutit.com #
 
PREVIOUS NEXT
Tagged: #css #grid
ADD COMMENT
Topic
Name
4+9 =