Zheleznov
@Zheleznov

Как правильно писать медиа запросы в классах SCSS?

Привет всем!
Подскажите пожалуйста как правильно прописать несколько медиа-запросов для разных экранов?

Например (вот так работает):
&:after {
        content: "";
        position: absolute;
        left: 32%;
        display: block;
        top: 53%;
        width: 720px;
        height: 2px;
        background: #fff;
        @media (max-width:1199px) {
            left: 55%;
            width: 45%;
        }
    }


А вот так уже нет:

&:after {
        content: "";
        position: absolute;
        left: 32%;
        display: block;
        top: 53%;
        width: 720px;
        height: 2px;
        background: #fff;
        @media (max-width:1199px) {
            left: 55%;
            width: 45%;
        }
        @media (max-width:767px) {
             left: 75%;
             top: 47%;
             width: 25%;
         }
    }


Разрешение 767рх уже не видит

Как нужно вкладывать медиа в классы?
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Все у тебя верно описано, https://jsfiddle.net/a50yrgwj/

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

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

Войти через центр авторизации
Похожие вопросы
23 окт. 2020, в 05:33
15000 руб./за проект
23 окт. 2020, в 03:00
1500 руб./за проект