Golovina90
@Golovina90
Начинающий Web-Master

Как правильно указывать медиа-запросы формата «Min-width — max-width»?

Подскажите, как правильно задавать формат медиа-запроса с минимальной и максимальной width?
Есть блок акций action. В десктопе ширина блоков 41%. Но когда начинаю указывать ширину для
@media (min-width : 320px) and (max-width : 380px) {}
- стиль применяется не только для этого формата, но вообще для всех версий.
  • Вопрос задан
  • 202 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
У вас
.blog-action .blog_inner .item {
    width: 41%;
}

а в медиа
.blog .item

Специфичность в первом случае выше и они перебивают всё остальное.

Почитайте про нейминг БЭМ.
Избегайте вложенности селекторов (больше 2 требуется очень редко, а БЭМ и вовсе без вложенности).
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Lord_Dantes
@media screen and (min-width:320px) and (max-width:380px){ // code}


Оффтоп
Но если у вас ширина 41% и это ничем не обусловлено, то видимо вы немножко не так сверстали элемент. Обычно секция занимает 100% и сама подстраивается под экран.
Ответ написан
Ваш ответ на вопрос

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

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