DEV Community

Cover image for Learn Responsive Design - Codecademy PRO version
Dusan
Dusan

Posted on • Updated on

Learn Responsive Design - Codecademy PRO version

TL;DR: I completed a Learn Responsive Design course in Getting More Advanced with Design module on Codecademy. This is a part of the πŸ”— Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon πŸ‘ and subscribe ❀️. It will help a lot! Thanks! πŸ™

⏱️ Chapters:
πŸ”— 0:00 Intro
πŸ”— 0:36 Relative Measurements
πŸ”— 3:11 Em
πŸ”— 8:28 Rem
πŸ”— 12:15 Percentages: Height & Width
πŸ”— 17:53 Percentages: Padding & Margin
πŸ”— 23:18 Width: Minimum & Maximum
πŸ”— 26:25 Height: Minimum & Maximum
πŸ”— 28:38 Scaling Images and Videos
πŸ”— 34:25 Scaling Background Images
πŸ”— 36:11 Review: Relative Measurements
πŸ”— 38:42 Responsive Web Design
πŸ”— 42:23 Media Queries
πŸ”— 47:33 Range
πŸ”— 51:08 Dots Per Inch (DPI)
πŸ”— 54:53 And Operator
πŸ”— 58:23 Comma Separated List
πŸ”— 1:01:06 Breakpoints
πŸ”— 1:05:43 Review: Media Queries
πŸ”— 1:07:45 Tsunami Coffee Project
πŸ”— 1:21:49 Quiz Sizing Elements
πŸ”— 1:28:36 Quiz Media Queries

πŸ“š Materials/References:
πŸ”— Learn Responsive Design cheatsheet

Thanks for reading! I hope you find it useful.

Top comments (0)