Responsive Web Design with Flexbox & CSS Grid, v2
Join us for an Awesome Workshop on:

Responsive Web Design with Flexbox & CSS Grid, v2

Jen Kramer
Jen Kramer
Freelance Instructor
August 18 to 19, 2021 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Watch the Full Course

Responsive Web Design with Flexbox & CSS Grid, v2

Some Key Takeaways!

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

  • Understand the Flexbox and Grid specifications, including common properties and values.
  • Apply Flexbox and Grid to different layout problems, and understand their strengths and weaknesses.
  • Review floats, and explain the best way to clear them - no hacks!
  • Understand different strategies for responsive image management, and learn when to use each.
  • Combine all of the techniques to create real-world web pages with semantic HTML and CSS layouts done right!

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 60 video training courses and three books.

Spend A Full Day Immersed in Flexbox & CSS Grid with Jen Kramer

Workshop Details

Page layouts are the heart of any website or application. The modern web has several choices for accomplishing layouts, each with their positive and negative characteristics. With plenty of exercises and practice, master the Flexbox and Grid specifications and responsive images, applying them to everyday page layouts.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

Day 1

  • 9:30AM
    Introduction to the workshop
  • 10:00AM
    Introduction to Flexbox
  • 11:00AM
    Flexbox as a grid system
  • 11:45AM
    Absolute and relative positioning explained
  • 12:30PM
    Lunch and start Flexbox exercises
  • 1:30PM
    Review Flexbox layout exercises
  • 2:00PM
    Exploring navbar options with Flexbox
  • 3:00PM
    Exploring responsive image solutions
  • 4:00PM
    Wrapup and practice

Day 2

  • 9:30AM
    Review practice and Flexbox
  • 10:00AM
    Intro to Grid
  • 10:30AM
    Grid syntax
  • 11:00AM
    Grid as a grid system in two dimensions
  • 12:00PM
    Overlapping grid cells and layout
  • 12:30PM
    Lunch and start grid exercise
  • 1:30PM
    Review grid exercise
  • 2:00PM
    Card-based layouts with Grid and Flexbox
  • 3:00PM
    Putting it all together - final exercise
  • 4:00PM
    Wrapup
Expand...

Interact with the Instructor

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

Starting your web development journey? Or you've done this for a while, but you just hate CSS because it never makes sense to you? Jen Kramer specializes in explaining *why* something works, not just *how* to do it.

Any Prerequisites?

  • Working knowledge of HTML and CSS required. If you have the background from the Frontend Masters Bootcamp, that will be enough to get you going with this workshop.

Event Details

What

2 Full Day Workshop Sessions

Replay Videos (available immediately)

When

August 18 to 19, 2021 - 9:30am to 5:30pm Central Daylight Time

Where

Attend online on our full HD live stream