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

YouTube

Mobile-First Responsive Build with CSS Grid

Net Ninja via YouTube

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.

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.

Taught by

The Net Ninja

Reviews

Start your review of Mobile-First Responsive Build with CSS Grid

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.