Resources

1. Alligator.io: Quick Reference & Guide
2. CSS Tricks

What are Media Queries?

Media queries let you apply different CSS styles based on screen size, device type, or other conditions. This is how you make responsive designs that look good on phones, tablets, and desktops. Use @media rules to change styles at specific breakpoints (like 768px for tablets).

Some common media query breakpoints