Mobile-First CSS Layout Course (How To)

In this course, you'll get hands-on practice using CSS layout techniques such as a CSS Reset with Normalize, a layout wrapper, a sticky footer, and centered content with a full-width header.

In addition, you'll learn principles that will help you approach your next project with a mobile-first mindset.

Mobile-First CSS Layout

This stage covers layout tips and techniques used by web designers. You'll learn about CSS resets, layout wrappers, creating a sticky footer, and more.

• CSS Reset with Normalize

  5:24

• Creating a Layout Wrapper

  3:27

• Why Vertical Margins Collapse

  3:42

• Centering Page Content and Creating a Full-width Header

  4:48

• Layout Wrapper Challenge

  2 objectives

• Using a Mobile First Approach

  6:21

• Creating a Sticky Footer

  5:07

• Getting Started with CSS Layout Review

  6 questions