Why your CSS Media Queries are not working? CSS Media queries are an important part of Responsive web design but sometimes they don’t work as we expect or they don’t work at all, so in this video, I will show 5 common mistakes that developers make while using media queries and suggest you guys solutions for that.

What are Media Queries?
Media queries are basically a special type of CSS keyword which are being used to adapt the necessary styling rules for any kind of devices like mobile phones, tablets, and many others as well.

SECTIONS:

  • (00:00) -  INTRO
  • (00:20) - What are Media Queries?
  • (00:44)  - #1: Always Add Meta Viewport Tag
  • (02:44)  -  #2: Don’t Use the !important tag & inline styling
  • (03:42)  -  #3: Add Media Queries at the End
  • (04:14)  - #4: Use The Right Syntax for Media Queries
  • (04:35)  - #5: Learn Orientation: Portrait vs Landscape

#css

5 Reasons Why Your CSS Media Queries Are NOT Working (Meta Viewport Tag, Landscape, and More)
3.70 GEEK