Modern CSS Layout
Slides, Reading List & References
I hope you enjoyed the talk! Below, you'll find a recording of the talk (coming soon) and a link to the slides. I’ve also included further reading, with links to articles and videos covering the examples we discussed. Feel free to explore and dive deeper into the topics. Enjoy!Â
If you’d like to learn more about me, moonlearning, or my other projects like thesolo.io, or if you’re interested in booking me for a speaking event, please feel free to contact me at [email protected] or connect with me on social media:
LinkedIn – Twitter/X – Instagram – YouTube – Medium
Slides:
Click here for the slide deck
Â
Further reading:Â
Figma’s new grid — you must understand CSS Grid as a designer
Article by Christine Vallaure / moonlearningÂ
CSS for UI Designers: Understanding Flexbox and Applying it to Figma's Auto Layout
YouTube video by Christine Vallaure / moonlearning
Why UI designers should understand Flexbox and CSS Grid
Article by Christine Vallaure / moonlearningÂ
Responsive UI Design with Figma’s Variables and Modes
Article by Christine Vallaure / moonlearning
Automating responsive typography in Figma with variables and modes
YouTube video by Christine Vallaure / moonlearningÂ
CSS Container queries: why we must consider them in Figma and how to implement them
Article by Christine Vallaure / moonlearning
Modern CSS Layout in UI DesignÂ
Course ($)Â by moonlearning
Modern Fluid Typography Using CSS Clamp
Article by Adrian Bece
7 Habits of Highly Effective Media Queries
Article by Brad Frost Â
Layout & Grid in Design Systems
Article by Brad FrostÂ
Jen Simmons Layout Land
Website by Jen Simmons
Gridless.design
Article and Page by Donnie D'Amato
HTML & CSS: A Quick and Easy Introduction for Absolute Beginners
YouTube video by Christine Vallaure / moonlearning
How Learning to Code with Cursor AI Works – Design to Code for Total Beginners
YouTube video by Christine Vallaure / moonlearning
Â
Join the Newsletter
Sign up to get informed about new releases, articles, and general tips about UX, UI Design and Figma.
