Responsive Web Design/Development - Crushing Codecademy PRO WEB DEVELOPMENT career path Challenge
Learn responsive design techniques, like relative sizing units and media queries, to create websites viewable on devices of all sizes.
⏱️ 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:
https://www.codecademy.com/learn/path...
Follow me on:
👉 Twitter: / cajicdusan
Music Credits:
Song: NCS: The Best of 2020 [NCS Mix]
Music provided by Vlog No Copyright Music.
Video Link: http://y2u.be/1hkujgIk5Mw
Watch video Responsive Web Design/Development - Crushing Codecademy PRO WEB DEVELOPMENT career path Challenge online without registration, duration hours minute second in high quality. This video was added by user Dusan Cajic 15 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 386 once and liked it 8 people.