This content originally appeared on DEV Community and was authored by YoussefZidan
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) {
// ..
}
This content originally appeared on DEV Community and was authored by YoussefZidan
YoussefZidan | Sciencx (2021-05-01T15:41:40+00:00) @media Rules That Fits All Devices. Retrieved from https://www.scien.cx/2021/05/01/media-rules-that-fits-all-devices/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.