@qJelly

Не работаю медиа-запросы, что делать?

Всем привет! Не работают медиа-запросы... Все дело в том, что браузер их видит, но не использует(В консоли мои медиа-стили есть). В html-коде все стоит правильно, как и должно по правилам каскадности. В консоли браузер просто вычеркивает медиа. Что уже только не делал - ничего не работает.( - эта штука в head вставлена). Код написан на SCSS.
<div class="wrapper__row">
            <p id="button">Нажми на меня :-)</p>
        </div>


//style#button {
                margin: 0;
                padding: 20px 10px;
                width: 30%;

                text-align: center;
                color: rgb(79, 168, 19);
                background-color: white;
                border-radius: 15px;

                user-select: none;
                cursor: pointer;
            }
//style

//media
@media(max-width: 1000px) {
        .wrapper__row {
            #button {
                width: 50%;
            }
        }
    }
}

@media(max-width: 500px){
        #button{
            width: 100%;
        }
}
//media
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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