Skip to content

Instantly share code, notes, and snippets.

View JayeshTiwari03's full-sized avatar
🎯
Focusing

Jayesh Tiwari JayeshTiwari03

🎯
Focusing
  • EY
  • Bharat/India
  • 18:36 (UTC +05:30)
View GitHub Profile
.item-a {
place-self: center stretch;
}
.item-a {
place-self: center;
}
.item {
align-self: start | end | center | stretch;
}
.item {
justify-self: start | end | center | stretch;
}
.item {
grid-area: 2 / 3 / 3 / 4;
}
.item {
grid-area: <row-start> / <column-start> / <row-end> / <column-end>;
}
.container {
grid-template-areas: " | . | none | ..." "...";
}
.container {
grid-template-columns: 40px 50px auto 50px 40px;
grid-template-rows: 25% 100px auto;
}
.container {
display: grid | inline-grid;
}
.item-a {
grid-area: header;
}
.item-b {
grid-area: main;
}
.item-c {
grid-area: sidebar;
}
.item-d {