אתר קורסים של נתן קרסני בעברית - https://nathankrasney.podia.com/
00:00:00 Small talk
00:01:16 Introduction
00:02:15 Not fully responsive web site
00:04:23 Simulate the web site on mobile using chrome dev tools
00:05:51 Types of responsive web design: media query, bootstrap
00:10:01 media query syntax, mobile-first vs desktop-first
00:11:27 breakpoints
00:14:24 visualizing breakpoints with chrome dev tools
00:20:38 media query sample 1 - background ok
00:29:28 media query sample 2 - background wrong
00:31:05 media query sample 3 - font
00:33:36 media query sample 4 - hide
00:36:08 media query sample 5 - layout
Github repo https://github.com/NathanKr/media-que...
Slides as pdf https://github.com/NathanKr/media-que...
Some of the slides are taken from this course https://www.udemy.com/course/advanced...