April 4 to 5, 2024 - 9:30am to 5:30pm Central Daylight Time

CSS Grid & Flexbox, v3

Jen Kramer

Jen Kramer

CSS Grid & Flexbox, v3

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!

Spend two days learning layout techniques using CSS Grid and Flexbox with Jen Kramer.

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

Get Your Questions Answered
Code Along with the Class
Classroom Format

Join-In Person from Downtown Minneapolis

Apply to Join In-Person

You'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


  • 2 Full Day Workshop Sessions
  • Replay Videos (available immediately)


  • April 4 to 5, 2024 - 9:30am to 5:30pm Central Daylight Time


  • 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:30AM
  • 10:00AM
    Grid properties, structuring HTML to support Grid, different Grid syntaxes
  • 12:00PM
  • 1:00PM
    Grid and media queries
  • 2:00PM
  • 3:00PM
    overlapping Grid cells, Grid as art, margin and Grid, minmax()
  • 4:00PM

Day 2

  • 9:30AM
  • 10:00AM
    Grid and subgrid practice
  • 11:00AM
    Flexbox syntax
  • 12:00PM
  • 1:00PM
    Navbars and Flexbox practice
  • 2:00PM
    Responsive images
  • 3:00PM
    Container query intro, container size queries
  • 4:00PM
    Container styles queries

Your (Awesome) Instructor

Jen Kramer

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.