DIVICE SIZE
/*===================== Large Desktop Size =======================
@media screen and (max-width: 1200px) {
.content {
background: blue;
}
}
/*===================== Laptop Size =======================
@media screen and (min-device-width: 992px) {
.content {
background: red;
}
}
/*===================== Tablets Size & Mobile Landscape Size =======================
@media screen (min-device-width: 768px) and (min-device-width: 481px) {
.content {
background: p;
}
}
/*===================== Smartphones Size =======================
@media screen and (max-device-width: 480px) {
.content {
background: yellow;
}
}
/*===================== Non Smartphones Size =======================
@media only screen and (max-width : 320px) {
.content {
background: green;
}
}*/
No comments