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

Question

[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

Comments

[Sand]

Стили написаны в конце файла css?

[qJelly]

Sand, нет, в отдельном файле

[Sand]

qJelly, подключается до или после основного файла стилей?

Answer 1

[Dima Polos]

Специфичность