Всем привет! Не работают медиа-запросы... Все дело в том, что браузер их видит, но не использует(В консоли мои медиа-стили есть). В 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
Простой
