@media screen and (max-width:480px) {
/* Ниже описываем правила отображения на мобильных устройствах */
}
@media screen and (min-width:480px) {
/* Ниже описываем правила отображения на мобильных устройствах с расширением повыше */
}
@media screen and (min-width:768px) {
/* Ниже описываем правила отображения на планшетах */
}
@media screen and (min-width:1024px) {
/* Ниже описываем правила отображения на мониторах */
}
@media screen and (min-width:1366px) {
/* Ниже описываем правила отображения на мониторах */
}
@media screen and (min-width:1920px) {
/* Ниже описываем правила отображения на мониторах */
}
@media screen and (min-width:2560px) {
/* Ниже описываем правила отображения на 4К мониторах */
}