Callie 🏳️⚧️
Ahmad Shadeed📝 Excited to share the interactive guide to CSS container queries.
I wrote about what container queries are, what the problems they solve, and how to use them along with interactive examples and visuals. Happy learning!
Candy Apples Annie 🎄@anniegreens Thank you!
ysbreker@shadeed9 I love the practical visual examples! This also makes it a good learn-by-example for UX people that work a lot in Figma and tools like that.
@ysbreker Glad to hear that, thank you!
nrk
Olivier Forget@shadeed9 This looks fantastic, thank you.
@teleclimber appreciate it, thanks!
Christopher Kirk-Nielsen@shadeed9 Excellent work, Ahmad! You've done it: you came up with container query demos that aren't just cards. That alone merits praise! Great article, thank you for sharing!
@chriskirknielsen Oh, that is very kind of you 😊 Thanks!
kevinkleinpdx@shadeed9 This is awesome, as usual. Did you roll-your-own in terms of the visual example resizer widget, or did you start with an open-source component?
@kevinkleinpdx Thanks Kevin. I used "react-resizable" package but thinking of changing to something else for the upcoming articles as it hasn't been updated in the past 8 months (https://github.com/react-grid-layout/react-resizable).
