0
0

Здравствуйте! Нахожусь на стадии адаптации прокта, но не могу подключить @media. Все сделала в точности как у вас: создала файл _media.sass, импортировала его в style.sass (@import "media"), скопировала у вас код, а он не работает на странице. 

Вот что выдает, когда захожу в консоль разработчика: @media screen and (max-width: 1200px)
style.css?_…2056889:525
.menu_item {
padding-right: 20px;

Причем, padding-right: 20px; - перечеркнуто.

Как привязать медиа запросы, чтоб они заработали?


Елена2580
4 years ago






Добрый день. Скорее всего у вас одна из этих проблем:

1) Кусочек стилей _media.sass подключен до general. Для правильной работы медиа-стили должны быть всегда после основных.

2) Вы используете другой селектор для стилизации.Если в десктопной версии было .menu .menu__link, то в медиа-правилах должно быть точно так же: .menu .menu__link.

Чаще всего такая проблема возникает, когда после первых уроков вы css код не перевели в синтаксис sass. При компиляции sass кода конструкция

.menu

    &__link

даст нам .menu__link сразу, без вложенностей классов.

Иван Петриченко
4 years ago

Один ответ