Use CSS media queries LIKE A PRO

This video is about CSS media queries. It’s a common situation in web development when you have to change the styles on your page based on width or height of the screen viewport. And here media queries come to the game. I will tell you the basics, we will explore the syntax of media queries, understand breakpoints, and witness practical examples to enhance your understanding. Moreover, we will touch device types and I will show you how to change the styles of your elements for example for printing. Enjoy)

Follow me on:

Timecodes:

00:00 - Intro
00:35 - Code preparation
01:07 - Syntax basics (device type and media query selectors)
02:14 - Width
03:57 - Print
04:54 - Specificity and @media
06:21 - Orientation media query selectors
09:32 - Summary and outro

[flyingbutter]

Maaaan. I used your videos to pass interview and now I’m senior liver developer in google, thanks 🙏

[Arcanque]

Pls don't shout at me 🥺I'll have nightmares about CSS tutorials