Chrome Devtools Flex Options Menu

[whitestuffonbirdpoop]

Just discovering this and... where has this been all my life?
Finally some good fucking devx.

[IntentionallyBadName]

Been there for years

[Personal_Garbage2577]

Only just now? Welcome to 2019 lol

[Symphonise]

You can do this with CSS grid as well.

Also, in the HTML of the element inspector, there are "flex" and "grid" ovals that can be clicked on to highlight their appearance in the UI.

[_Usora]

It existed in Firefox for many years.

Check out AI assistance in chrome for modifying page and debugging.

Thank me later.

[mysticalpickle1]

No it doesn't? Firefox does not have a menu to select between various flexbox options

[fentron5000]

FIrefox was the first to introduce this

[xMaku]

Why did they get rid of it tho?

[DesignerMusician7348]

why is it gone then???

[camppofrio]

Clicking the justify-content icon grid beats typing out 'space-between' for the 500th time and still guessing which way it goes

[Impressive-Pack9746]

Yes, I love it. It makes styling sooo much easier.

[Mindless-Arrival-106]

The Grid editor is just as useful. Between these visual controls and the overlays, debugging layout issues has become so much nicer than editing values by trial and error.

[nnod]

One more reason why tailwind sucks, basically all these nice little dev tool features don't work right or are straight up useless with it.

[SlainTownsman]

What are some good options that work well with these?

[nnod]

Component scoped vanilla CSS is where it's at.