Flexbox, Grid, & Bootstrap

CSS Flexbox and CSS Grid are two powerful ways to layout content in a webpage. Flexbox and grid are newer CSS layout technologies aimed at making it easier to create responsive layouts which adapt to any size device.

Layout Responsive Webpages

Optimize your websites for mobile, tablet, and desktop using the latest CSS page layout techniques of flexbox and grid.

In this class you’ll learn how to use flexbox and grid to layout and align webpage content, and make it adapt to different size screens. You’ll learn how both techniques are useful, and when to use each. You’ll also learn how to use Bootstrap, which uses Flexbox, to rapidly code up pages without you have to write as much CSS.

Prerequisite: HTML & CSS coding experience equivalent to our Web Development Level 2 class.