Subgrid(CSS) - ［▌▣］

Subgrid(CSS)

Subgrid - CSS: Cascading Style Sheets | MDN

用於對齊Grid(CSS)內的元素的縱位置時

code:css

.grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 40px;

}

.card {

display: grid;

grid-template-rows: subgrid;

grid-row: span 3;

gap: 20px;

}

CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう - Speaker Deck

CSS Grid Layout Level 2

CSS property: grid-template-columns: subgrid