Switching viewport widths | Coder Coder

Autoplay
Autocomplete

Previous Lesson Complete and Continue

ULTIMATE Course | Responsive Design for Beginners

1. Introduction and Setup

Introduction (1:35)
Resources

2. Top Nav and Hamburger Menu

Prep and markup (7:14)
Menu styles (24:56)
Menu shadow (12:56)
ARIA and animation (15:36)
Overlay (13:23)
JavaScript (15:07)
Hiding elements accessibly (18:04)
Switching viewport widths (9:22)
Animation issues (11:18)
Stacking and z-index (10:18)
Locking the scroll (10:50)
More optimizations (15:45)

3. Testimonial

Setup (9:04)
Dark theme (8:40)

4. Blog Posts

Setup and markup (27:02)
Basic styles (13:26)
Text block styles (20:47)
Font sizing (15:40)
Adding cards (19:51)
Layout styles (13:23)
Gradient variations (6:38)
Sass for-loop (20:35)

5. Compiling Sass with Vite JS

Installing Vite (18:27)
Loading files (18:34)
Deployment (6:49)

6. Congratulations!

Congratulations! (1:41)

Switching viewport widths

Complete and Continue

Discussion

0 comments