+7 (987) 026-06-36
Написать в Telegram

Оставить заявку
stanislav_web

Популярные CSS медиа-запросы (media queries) @media

Популярные CSS медиа-запросы (media queries) @media Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

Популярные CSS медиа-запросы (media queries) @media

Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

📅 11 декабря 2023

👁‍🗨 190

🔥 0

Популярные CSS медиа-запросы (media queries) @media
Я использую их таким образом, смотрю на дизайн, например после десктопного макета на 1920px идет макет на 1366px, значит я выставляю разрешение в DevTools на 1366 px и пишу стили в @media screen and (max-width: 1400px), далее например идет макет на 1024px, значит я выставляю разрешение на 1024px и пишу стили в @media screen and (max-width: 1200px) и так далее
@media screen and (max-width: 1400px) {
    
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 576px) {
    
}
@media screen and (max-width: 375px) {
    
}