Responsive Media Query Quick Reference
/ 1 min read
Just a reminder which helps me doing responsive design’s Media Query.
- @media (max-width: 767px)
- @media (max-width: 480px)
- @media (min-width: 768px) and (max-width: 979px)
- @media (min-width: 980px)
- @media (min-width: 1200px)
Note: the order above matters. Changing it lets later rules override earlier CSS.