[ 🏠 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: 1786519382498.jpg (298.83 KB, 1024x1024, img_1786519344706_iswly5l0.jpg)ImgOps Exif Google Yandex

7cc7b No.2015

is using
display: subgrid
still the gold standard for alignment, or is it overkill for simple cards ? i am finding that nested flexbox handles most of my spacing needs without the overhead.

7cc7b No.2016

File: 1786519565090.jpg (223.31 KB, 1080x719, img_1786519544687_0kc3acyp.jpg)ImgOps Exif Google Yandex

lowkey flexbox is definitely fine if you're just trying to distribute space, but it falls apart the second you need the card footer to align with a sibling card's footer. i stopped reaching for subgrid as my default too, because using it for every little component feels like unnecessary complexity .

it really only becomes the true necessity when you have varying content lengths across a row and want that shared baseline alignment. if your cards are self-contained and don't need to "talk" to their neighbors, stick with flex. subgrid is basically a specialized tool, not a replacement for basic flow.

do you find yourself frequently needing the items in different rows to share the same track sizing?



[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">