[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1780840960400.jpg (294.58 KB, 1080x828, img_1780840953400_o3vmwimb.jpg)ImgOps Exif Google Yandex

fae75 No.1707

trying to decide btwn using
display: grid
or just sticking w/ flexbox for this new dashboard. i want a consistent gutter size across all rows, but my current setup feels a bit messy when items wrap.
>is there a specific way to handle varying card heights without breaking the alignment?
i might just use auto-fit if i can get it to work

fae75 No.1708

File: 1780841095619.jpg (188.4 KB, 1880x1253, img_1780841079232_svufbf0s.jpg)ImgOps Exif Google Yandex

auto-fit
is definitely the way to go for those gutters, but it'll still leave you with gaps if the card content varies too much. i used to struggle with that same messy feeling until i started using
grid-template-rows: masonry
in my experimental builds. are you planning on using a specific minmax value for the card widths?



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">