CSS Flexbox and CSS Grid are two powerful ways to lay out content on a webpage. Flexbox and Grid are newer CSS layout technologies that make it easier to create responsive layouts, which adapt to any screen size.

Design Responsive Webpages

Optimize your websites for mobile, tablet, and desktop using CSS Flexbox and Grid.

In this class, you’ll learn how to use Flexbox and Grid to lay out and align webpage content, making it adapt to different screen sizes. Learn when to use one technique over the other, and how to get the most out of each one.

Prerequisites: HTML and CSS experience equivalent to our Web Development Level 2 class.

What You'll Learn

  • CSS Flexbox for laying out and aligning webpage content
  • CSS Grid for an entirely new way to think about laying out entire webpages
  • Learn how to use and skin Bootstrap (which uses Flexbox) to build out layouts quickly

Take this class as part of a certificate program and save:

  • Full-Stack Web Development Certificate Sign up