Медиа запросы применяются ко всем стилям (девайсам)?

Question

[SiO4]

Коллеги, всех приветствую! В верстке я совсем новичок и у меня возникла проблема, которую пока не могу решить собственными силами) :@
Запилил десктопную версию сайта. Начал прописывать медиа-запросы для мобильных девайсов и они начали срабатывать для десктопной версии сайта.
Запрос прописываю в конце, после основного стиля:

@media (max-width: 592px) {
.partners__flower {
    position: absolute;
    top: -10px;
    right: 43px;
    z-index: -1;
    width: 25%;
    height: auto;
}
и т.д.
}

Вот так выглядит в девс тулсе.
Подскажите что я делаю не так?

Comments

[Вадим]

Подскажите что я делаю не так?

1. Не предоставляете исходники.
2. Судя по всему, допускаете синтаксическую ошибку, описывая правила. Например, закрывающая скобка от медиазапроса встречается до описания правил, которые на этом медиа должны выполняться.
Типа такого:

// не верно
@media screen and (max-width: 550px) {} 
.partners__flower {
//...
}

// верно
@media screen and (max-width: 550px) { 
  .partners__flower {
    //...
  }
}

[SiO4]

@media (max-width: 592px) {
.partners__flower {
    position: absolute;
    top: -10px;
    right: 43px;
    z-index: -1;
    width: 25%;
    height: auto;
}
и т.д.
}

Если бы была синтаксическая ошибка, то код бы не исполнялся, а он наоборот переписывает стиль десктопа.

[Ankhena]

Запилил десктопную версию сайта. Начал прописывать медиа-запросы для мобильных девайсов и они начали срабатывать для десктопной версии сайта.

Почему-то подозреваю, что вы и проверяете для мобилок, а не для десктопов.

[SiO4]

Ankhena, к сожалению если бы все было так просто, вы бы не увидели мой вопрос здесь. Странно конечно, из-за чего так стили могли с ума сойти?
Сейчас попробую способ Глюкъ Виртуален и вернусь с ответом.

[Глюкъ Виртуален]

SiO4, возможно они не сошли с ума, это вы их не там применяете.
Проверьте сначала, что ваши медиазапросы идут от меньшего к большему. Возможно тут вопрос и отпадет.

[Вадим]

SiO4,

Если бы была синтаксическая ошибка,

Вариант который я указал как "не верно" синтаксически не имеет ошибки для браузера, но имеет её для нас, так как нет смысла в пустом блоке мидаправила.

По предоставленным данным на лицо именно то, что я сказал.
На 994ой строчке Вы описываете правила, а потом ещё раз на 2909.
Либо у Вас реально идёт дублирование файлов \ косяк в сборке стилей и тд

Answer 1

[Глюкъ Виртуален]

Попробуй расположить медиазапросы от меньшей ширины к большей.