An Interest In:
Web News this Week
- May 1, 2024
- April 30, 2024
- April 29, 2024
- April 28, 2024
- April 27, 2024
- April 26, 2024
- April 25, 2024
May 1, 2021 03:41 pm GMT
Original Link: https://dev.to/youssefzidan/media-rules-that-fits-all-devices-bb6
@media Rules That Fits All Devices
Here are the @media Rules that I personally use to fit all possible devices and screen sizes.
Sizes from Chrome device toolbar.
// Mobile@media (min-width: 320px) and (max-width: 425px) { // ..}// Tablet@media (min-width: 426px) and (max-width: 768px) { // ..}// Small Laptop@media (min-width: 769px) and (max-width: 1024px) { // ..}// Large Laptop@media (min-width: 1025px) and (max-width: 1440px) { // ..}// 4K@media (min-width: 1441px) and (max-width: 2560px) { // ..}
Original Link: https://dev.to/youssefzidan/media-rules-that-fits-all-devices-bb6
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To