CSSだけでメイソンリーレイアウト
BRANK
Pinterestのフィードのように、高さの違うカードを等幅の列へ隙間なく積む「メイソンリー」レイアウト。これをウェブページ内に実現しようとすると、考慮すべき点が多く、見た目以上に難しいものです。作ったことがある方なら、その難しさに心当たりがあるでしょう。
2 comments
Pinterestのフィードのように、高さの違うカードを等幅の列へ隙間なく積む「メイソンリー」レイアウト。これをウェブページ内に実現しようとすると、考慮すべき点が多く、見た目以上に難しいものです。作ったことがある方なら、その難しさに心当たりがあるでしょう。
display: grid-lanesだと、
自由にレイアウトできて楽しいです
↓ pic.x.com/vdJsSv2HH5
ICS MEDIAの新着記事。
CSSだけでメイソンリーレイアウトが可能に。
新しいdisplay: grid-lanesの魅力が紹介されています。
ics.media/entry/260611/
担当: @northprint