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

Опубликовано: 11 Март 2026
на канале: Logic First Tamil
52,322
921

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:    • Html and CSS  
SQL:    • SQL  
DS and ALGO in C/CPP:    • Introduction to Data Structures | DSA in T...  
DS and ALGO in Java:    • Introduction to Data Structures | DSA in T...  
Python Full Course with game:    • Learn Python in Tamil | Python Complete Co...  
Java Playlist:    • Learn Java in Tamil  
Java one video:    • Java Full Course in Tamil (2023) | Basics ...  
C Interview program playlist:    • C Interview Programs in Tamil  
C programming in one video:    • C Programming in Tamil | Complete C Progra...  
C programming playlist:    • Introduction to C programming in Tamil (தம...  
C++ Playlist link:    • C++ Programming in Tamil  

English channel link:    / @logicfirst31