Subgrid(CSS)
Subgrid - CSS: Cascading Style Sheets | MDN
Subgrid
用於對齊
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
CSS Grid Layout入門。対応ブラウザが出揃った新しいレイアウト仕様 - ICS MEDIA
Grid