Layout Responsive Webpages
Optimize your websites for mobile, tablet, and desktop using the latest CSS page layout techniques of flexbox and grid.
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.
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.
Prerequisite: HTML & CSS coding 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.