Day 10

Responsive Design & Media Queries

14 min
CSS & Tailwind 15 Days

Aapki website mobile aur desktop dono pe achi lagni chahiye.

Media Queries

Screen size ke hisab se CSS change karein.

css
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
}

🎯 Practice Challenge

Apne product grid ko mobile pe single column karein.