View grid.css
.item-a { | |
place-self: center stretch; | |
} |
View grid.css
.item-a { | |
place-self: center; | |
} |
View grid.css
.item { | |
align-self: start | end | center | stretch; | |
} |
View grid.css
.item { | |
justify-self: start | end | center | stretch; | |
} |
View grid.css
.item { | |
grid-area: 2 / 3 / 3 / 4; | |
} |
View grid.css
.item { | |
grid-area: <row-start> / <column-start> / <row-end> / <column-end>; | |
} |
View grid.css
.container { | |
grid-template-areas: " | . | none | ..." "..."; | |
} |
View grid.css
.container { | |
grid-template-columns: 40px 50px auto 50px 40px; | |
grid-template-rows: 25% 100px auto; | |
} |
View grid.css
.container { | |
display: grid | inline-grid; | |
} |
View grid.css
.item-a { | |
grid-area: header; | |
} | |
.item-b { | |
grid-area: main; | |
} | |
.item-c { | |
grid-area: sidebar; | |
} | |
.item-d { |
NewerOlder