Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

Mobile-First CSS Layout Course

via Treehouse

Overview

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.

Syllabus

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.

Chevron 8 steps
  • 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

Taught by

Guil Hernandez

Related Courses

Reviews

Start your review of Mobile-First CSS Layout Course

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free