Autoplay
Autocomplete
Previous Lesson
Complete and Continue
(NEW!) Basic Course | Build a Responsive Website
1. Getting Started
Welcome! How to use this course (1:07)
Resources & Tools
Setting up VS Code (7:42)
Setting up project files (11:45)
Figma basics (13:41)
2. Global styles
Colors (10:02)
Wrapper styles (8:56)
Typography (23:44)
Organizing styles (7:46)
3. Top Navigation
Design (4:47)
Skip Link (7:32)
HTML Markup (10:48)
Styling the navigation links (15:30)
Layout (17:30)
CSS Flow (18:39)
Hover States (8:35)
4. Hero
Prep & HTML (13:59)
Adding styles (5:56)
Basic Styles (23:18)
Button styles (8:32)
Button sizing (10:49)
Button spacing (4:27)
Button hover states (14:58)
Mobile layout (4:35)
Desktop layout (20:09)
5. 3-Column Features
HTML markup (8:19)
Adding styles (13:57)
Layout (21:02)
6. Full-width Feature
HTML markup (5:53)
Adding styles (7:53)
Text & image styles (6:13)
7. Testimonial
Device Pixel Ratio (8:53)
HTML Markup (16:02)
Basic Styles (15:09)
Layout (9:46)
8. CTA (Call To Action)
HTML Markup (4:55)
Linear-gradient (16:52)
Helper Classes (7:46)
Button styles (6:26)
9. Footer
Prep & HTML Markup (15:49)
Basic Styles (12:12)
Hover States (9:32)
Footer columns (16:39)
Layout (16:34)
10. Deployment & Finish!
Deploying to Netlify (3:16)
Congratulations! (0:30)
Congratulations!
Content locked
If you've already purchased,
you'll need to login
.
Purchase
Join
to Unlock