@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К мониторах */ }