Mobile-First Responsive Build with CSS Grid

Overview

In this mini-series, we'll build a responsive website using a mobile-first approach (developing the site for mobiles first and then extending the design to larger screens).

Syllabus

Mobile-First Responsive Build #1 - Introduction.
Mobile-First Responsive Build #2 - HTML Template.
Mobile-First Responsive Build #3 - Mobile-First Approach.
Mobile-First Responsive Build #4 - Base Styles.
Mobile-First Responsive Build #5 - Fonts.
Mobile-First Responsive Build #6 - Grid Basics.
Mobile-First Responsive Build #7 - Creating a 12-Column Grid.
Mobile-First Responsive Build #8 - Mobile Styles (part 1).
Mobile-First Responsive Build #9 - Mobile Styles (part 2).
Mobile-First Responsive Build #10 - Mobile Styles (part 3).
Mobile-First Responsive Build #11 - Tablet Styles.
Mobile-First Responsive Build #12 - Laptop Styles (part 1).
Mobile-First Responsive Build #13 - Laptop Styles (part 2).
Mobile-First Responsive Build #14 - Desktop Styles.