Media Queries in CSS | HTML and CSS Course | Logic First Tamil

Video Description

Responsive Design with CSS Media queries - mobile first approach - min width/max width. @media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ } @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ } @media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } @media (min-width:1281px) { /* hi-res laptops and desktops */ } #HTML, #css Github CodeLink - https://github.com/LogicFirstTamil ---------------------------------------- courses and playlists -------------------------------------------------- HTML and CSS: https://www.youtube.com/playlist?list=PLYM2_EX_xVvXZ2A08faQ_7Iz4unlGs176 SQL: https://www.youtube.com/playlist?list=PLYM2_EX_xVvUBh28ZT2i-jH7kBkTfB_W2 DS and ALGO in C/CPP: https://www.youtube.com/watch?v=QQBVNwA9rDI&list=PLYM2_EX_xVvVMXkQt4qqosJTplBq5v5oX DS and ALGO in Java: https://www.youtube.com/watch?v=t2U989oaI1Q&list=PLYM2_EX_xVvX7_AmNY-Deacp3rT3MIXnE Python Full Course with game: https://www.youtube.com/watch?v=BiDOehqG68g Java Playlist: https://www.youtube.com/playlist?list=PLYM2_EX_xVvVXm005Gt5unmqW6GGMjHxa Java one video: https://www.youtube.com/watch?v=qOWPCPCDRZs&t=2751s C Interview program playlist: https://www.youtube.com/playlist?list=PLYM2_EX_xVvV4Kypzs6haPDJrXBaYFVEd C programming in one video: https://www.youtube.com/watch?v=JAy56OH58Y4&t=17269s C programming playlist: https://www.youtube.com/watch?v=xKGg8UfR0mM&list=PLYM2_EX_xVvU7N5Lcp1SjKnGN5e6riUoj C++ Playlist link: https://www.youtube.com/playlist?list=PLYM2_EX_xVvUppW1kS91ZNEI20k1V1liI English channel link: https://www.youtube.com/channel/UCFhHB5_2UkzB4V5iL1oaI-Q/featured