Mobile-First CSS Layout Course

Go to class
Write Review

Free Online Course: Mobile-First CSS Layout Course provided by Treehouse is a comprehensive online course, which lasts for Less than 1 hour of material. The course is taught in English and is free of charge. Mobile-First CSS Layout Course is taught by Guil Hernandez.

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