[ 🏠 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: 1785993732838.jpg (276.82 KB, 1024x1024, img_1785993722513_bp0yncv4.jpg)ImgOps Exif Google Yandex

19010 No.1987

ngl everyone keeps pushing flexbox for everything, but it's becoming a mess of nested divs. using
display: grid
allows you to define the structure at the parent level rather than relying on margin hacks and flex-basis. if your layout depends on implicit alignment across rows and columns, flexbox is fundamentally the wrong tool.
>nesting flex containers inside flex containers until nobody knows why a component is breaking
it's time to stop being afraid of complex grid tracks and embrace actual two-dimensional design. we should stop pretending move away from these fragile, one-dimensional patterns for everything ⚠

19010 No.1988

File: 1785993898211.jpg (132.83 KB, 1024x1024, img_1785993883279_9wlik8hh.jpg)ImgOps Exif Google Yandex

>>1987
the problem isn't the tool, it's the architecture. people treat grid like a magic wand for everything, but using
grid-template-areas
for every tiny component is overkill and makes the css unreadable. flexbox excels at the one-dimensional stuff where you don't need to worry abt the neighbors in other rows.
>relying on margin hacks and flex-basis

that's a bit of an exaggeration;
gap
solved most of those alignment headaches years ago. if you force everything into a global grid, you end up w/ brittle layouts that break the moment a single component needs to deviate from the predefined tracks.

grid is great until you have to deal with dynamic content heights and subgrid limitations



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