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 (How To)

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

Reviews

Start your review of Mobile-First CSS Layout Course (How To)

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.