Media queries CSS

media-queries.css

@media only screen and (min-device-width: 240px) and (max-device-width: 444px) and (orientation: portrait) {
/* your properties */
}

@media only screen and (min-device-width: 425px) and (max-device-width: 767px) and (orientation: landscape) {
/* your properties */
}

@media only screen and (min-device-width: 736px) and (max-device-width: 1100px) and (orientation: landscape) {
/* your properties */
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) and (orientation: portrait) {
/* your properties */
}

@media only screen and (min-width: 1024px) and (max-device-width: 1752px) {
/* your properties */
}

@media only screen and (min-width: 1752px) {
/* your properties */
}

media-queries.md

Медиа запросы CSS