kowkoed
@kowkoed
Недо Дизайнер

Что я не правильно делаю с Media queries?

Делаю адаптив для двух кнопок. При определенных размерах экрана происходить разное смещения от края.
Когда размер экрана становиться меньше 1600px, все срабатывает, как нужно. Когда размер экрана становиться меньше 1200px, происходит блокировка и значение используется от 1600px. Скриншот ниже. Что я неправильно делаю?

@media only screen and (max-width : 1200px) {
    .get {
     margin: 125px 0px 0px 13%;
    }
    .more {
    margin: 125px 13% 0px 0px;
    }
}

@media only screen and (max-width : 1600px) {
    .get {
     margin: 125px 0px 0px 18%;
    }
    .more {
    margin: 125px 18% 0px 0px;
    }

}


f3ab61474fda4dc795478a4aae0c7d94.PNG
  • Вопрос задан
  • 197 просмотров
Решения вопроса 1
@BelkinVadim
Frontend разработчик
Если именно такие нужны размеры для media нужны ( media only screen and (max-width : 1200px) и media only screen and (max-width : 1600px) ) то попробуйте поменять их местами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@AndreyMyagkov
media only screen and (min-width : 1201px) and (max-width : 1600px) {
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы