Flexbox patterns I use constantly

:has() finally lets me style parents without JavaScript, and support is good now.

I design in the browser almost exclusively now; mockups only for client sign-off.

Dark mode is a one-liner media query once your colours live in variables.

Curious what everyone else here thinks about it.

Container queries are great but I still add a media-query fallback.

Interesting — I will have to try that.

Nice thread, following for the replies.

Container queries are great but I still add a media-query fallback.

Refactoring legacy CSS one component at a time is the only sane way.

I still reach for Bootstrap when a client needs to maintain it afterwards.

:has() feels like cheating compared to what we used to do.

Could not agree more.

I still reach for Bootstrap when a client needs to maintain it afterwards.

CSS variables + one class toggle is my whole dark mode stack.

Thanks for sharing, saved me a lot of time.

Refactoring legacy CSS one component at a time is the only sane way.

Container queries are great but I still add a media-query fallback.

:has() feels like cheating compared to what we used to do.

Nice thread, following for the replies.

Refactoring legacy CSS one component at a time is the only sane way.

CSS variables + one class toggle is my whole dark mode stack.

Bumping this because I ran into the same thing today.

Thanks for sharing, saved me a lot of time.

:has() feels like cheating compared to what we used to do.