Attention web developers! 🚀 When creating a responsive website, it's important to consider how it looks on different screen sizes. Here are some media queries you can use to make sure your website looks great on all devices:
Big tablet to 1200px (widths smaller than the 1140px row) @media only screen and (max-width: 1200px) { }
Small tablet to big tablet : from 768 to 1023px @media only screen and (max-width: 1023px) { }
Small phones to small tablets from: 418px to 768px @media only screen and (max-width: 767px) { }
Small phones to small tablets from: 0 to 418px @media only screen and (max-width: 418px) { }
Make sure to use these media queries in your CSS to create a responsive website that looks great on all devices!