Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 1, 2021 03:41 pm GMT

@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:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To