CSS Tutorial - Responsive Design
📱 Responsive Design - Mobile Friendly
🌟 Devices:
💻 Desktop - 1200px+
📱 Tablet - 768px to 1199px
📱 Mobile - 767px aur kam
🎯 Media Queries
/* Mobile devices */
@media (max-width: 768px) {
.box {
width: 100%;
}
}💡 Mobile-First Approach:
Pehle mobile design karo, phir desktop
Example
@media (max-width: 768px) {
h1 { font-size: 20px; }
}