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)