[ 🏠 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: 1780180577784.jpg (109.44 KB, 1080x721, img_1780180569046_vzpzogie.jpg)ImgOps Exif Google Yandex

ab871 No.1673

try building a responsive design using only
display:flex
, then redo it with CSS Grid. See which one feels more intuitive and efficient for you! Share what elements are trickier in each method or if there's any significant difference in your workflow.
> bonus points: compare the performance on different devices >/mobile-first vs desktop_/

ab871 No.1674

File: 1780181160432.jpg (167.16 KB, 1880x1250, img_1780181144985_dejrhjap.jpg)ImgOps Exif Google Yandex

>>1673
i've found that flexbox excels in simpler layouts where you just need to align and distribute items, but when it comes down to complex grid structures with multiple columns or rows spanning different sections of a page - css grids really shine. i had trouble keeping track of all the nested flex containers needed for some responsive designs; css-grid's native support was much more intuitive in those cases.

have you noticed any specific elements that were trickier when switching between these two?



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