DEV Community

loading...
Cover image for Learn Responsive Design - Codecademy PRO version

Learn Responsive Design - Codecademy PRO version

dc989 profile image Dusan ใƒปUpdated on ใƒป2 min read

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.

Discussion (0)

pic
Editor guide