FrontendMasters - CSS Grid & Flexbox, v3

Workshop Details​

Explore CSS layouts in-depth, including Grid and Subgrid, Flexbox, responsive image techniques, media queries, and container queries. Learn how to apply these techniques to your next website, even if you haven’t worked with CSS layouts before.

Any Prerequisites?​

• Complete the HTML and CSS portions of the Frontend Masters Bootcamp.
• Understand how files and folders work.
• Patience, a willingness to ask questions, and an open mind to working with CSS!

Key Takeaways​

By participating along with us in the workshop, you'll learn:

• Discuss Flexbox and Grid, including all of their major features and properties
• Compare and contrast the differences between Flexbox and Grid, including when to use each method
• Explore responsive image techniques and when to use each
• Investigate media queries and container queries, including little-used properties
• Examine subgrid in detail and the problems it solves

Is This Workshop for Me?​

This course is oriented towards junior developers who are still learning CSS. It may also be useful to senior developers who have not spent much time in the CSS world.
Beginning beginners should have a grounding in basic HTML and CSS, such as what you’d get in the Frontend Masters Bootcamp.