Skip to content

Instantly share code, notes, and snippets.

Avatar
🎢
Working

Jayesh Tiwari JayeshTiwari03

🎢
Working
  • India
View GitHub Profile
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 {