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)