CSS Grid & Flexbox, v3
Jen Kramer
This Workshop's Online Chatroom is Currently Open!
This workshop has ended. Check back soon for the recording!
You can watch a replay of this workshop!
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.
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!
Attend Online Live and in Full HD
Join-In Person from Downtown Minneapolis
Apply to Join In-PersonYou're Registered to Attend Online!
You'll receive additional details and a reminder via email as the event draws near.
CSS Grid & Flexbox, v3
Event Details
What
- 2 Full Day Workshop Sessions
- Replay Videos (available immediately)
When
- April 4 to 5, 2024 - 9:30am to 5:30pm Central Daylight Time
Where
- Option 1: Attend online on our full HD live stream
- Option 2: Attend in-person at HQ in Minneapolis, MN
Daily Schedule
Day 1
- 9:30AMIntroduction
- 10:00AMGrid properties, structuring HTML to support Grid, different Grid syntaxes
- 12:00PMLunch
- 1:00PMGrid and media queries
- 2:00PMBreak
- 3:00PMoverlapping Grid cells, Grid as art, margin and Grid, minmax()
- 4:00PMSubgrid
Day 2
- 9:30AMIntroduction
- 10:00AMGrid and subgrid practice
- 11:00AMFlexbox syntax
- 12:00PMLunch
- 1:00PMNavbars and Flexbox practice
- 2:00PMResponsive images
- 3:00PMContainer query intro, container size queries
- 4:00PMContainer styles queries
Your (Awesome) Instructor
Jen Kramer
Jen Kramer has taught HTML and CSS for all skill levels in academic and commercial settings for over 20 years. She is the author of over 70 video training courses and three books. She’s currently Director of Learning Design & Technology at AnnieCannons, a non-profit devoted to training, preparing, and connecting individuals who have experienced human trafficking to sustainable careers in tech.
Check out all of our upcoming workshops!
Workshops happen throughout the year, and are all included with membership.