@ArthurSuhov

Не срабатывает медиазапрос для 1024px, в чем я налажал?

Медиазапросы отдельным файлом делаю, для всех блоков все работает как задумывалось, но один блок у меня не работает при разрешении 1024px, остальное срабатывает
@media screen and (max-width: 1024px){
  .services__item{
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  .services__item{
    height: 310px;
  }
}
@media screen and (max-width: 414px){
  .services__item{
    flex-direction: column;
  }
}

Заранее благодарю за ответ!
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 2
@inFureal
media должен быть со знаком @
Т.е
@media screen and (max-width: 1024px){
.services__item{
width: 100%;
}
}
@media screen and (max-width: 768px){
.services__item{
height: 310px;
}
}
@media screen and (max-width: 414px){
.services__item{
flex-direction: column;
}
}
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Пункт 3.8 правила сервиса. Ну елы палы.

Код сюда → https://codepen.io/pen/.

А вообще для точного попадания в запросы либо смещают их на единицу вперед или назад, или же используют дробные значения.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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