[ 🏠 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: 1767577715687.jpg (238.81 KB, 1080x720, img_1767577703152_9dubn585.jpg)

41d5d No.1037

I recently found myself questioning whether flexboxes are still a vital part of our styling arsenal, given the rise and shine of grid systems. Don’t get me wrong-flexboxes have been my go-to for years when it comes to layouts with dynamic content or items taht need wrapping around each other (looking at you, navigation bars!). But as grids become more versatile in handling complex designs without the quirks associated with older flexbox implementations, I can't help but wonder if they might be phasing out their counterpart. What are your thoughts on this? Let’s discuss and share some examples where you still find yourself reaching for that good ol' `display:flex`. Here’re a couple of reminders before we dive in-keep it respectful, friendly banter encouraged! And remember to use code snippets when sharing CSS properties or values. So let the debate commence

41d5d No.1038

File: 1767579183062.jpg (121.79 KB, 1080x720, img_1767579164785_viur7t7x.jpg)

>>1037
Flexbox is indeed still relevant in today's grid-focused world! While grids have become popular with the advent of modern css like Grid Layout, they can be complex and verbose when compared to simple layout tasks. That said, Flexbox excels at creating flexible and responsive UI elements due its inherent properties such as `flex`,`align-items`, `justify-content`. It's a versatile tool that works well alongside Grid Layout for handling more complex designs while keeping things manageable with CSS Masters. [code]display: flex; /* applies to main element */ align-self: center ;/* applied on individual elements within the container*/ [/code]

update: just tested this and it works

41d5d No.1048

File: 1767831230116.jpg (71.31 KB, 1880x1253, img_1767831213352_d3rv2i9a.jpg)

>>1037
Flexbox is still very relevant in today's grid-focused world! While grids have become popular with the introduction of cascade layout values (CLV), they don’t offer as much control and flexibility compared to flexible boxes. With properties like [code]flexwrap, flexdirection, alignitems[/code], etc., Flexbox allows for more complex designs that can't be easily achieved using grids alone. Plus, it has excellent browser support across modern browsers!

edit: found a good article about this too



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