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

Question

[ArthurSuhov]

Медиазапросы отдельным файлом делаю, для всех блоков все работает как задумывалось, но один блок у меня не работает при разрешении 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;
  }
}

Заранее благодарю за ответ!

Comments

[WapSter]

Пример в песочнице или ссылку дай. Есть подозрения, что ты тупо не видишь, так как данный пример должен нормально работать.

Answer 1

[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;
}
}

Comments

[Михаил]

прост человек не может нормально код вставить

[ArthurSuhov]

Да, они стоят, просто они у меня пропали когда вопрос задал

[Lynatik001]

ArthurSuhov, попробуй перевернуть последовательность. т.е в низу написать 1024

[ArthurSuhov]

Lynatik001, Не помогло

[inFureal]

ArthurSuhov, замени на min-width

Answer 2

[Арсений Матыцин]

Пункт 3.8 правила сервиса. Ну елы палы.

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

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