Медиа-запрос используется для адаптации верстки в зависимости от различных размеров экранов. Условия проверяют размер экрана, ориентацию, разрешение и другие свойства. Если все условия соблюдаются, все правила CSS в медиа-запросе будут применены к странице...

Сегодня мы разберем удобный scss-миксин для ускорения работы по адаптивности наших проектов. Для использования этого плагина вам нужно подключить его к основному файлу scss. В scss вы можете вставить код в начале файла или подключить файл командой: @import 'path_file.scss'; Код миксина. // Using //.div { // @include _1170 { // @content; // } //} //media_mixin.scss @mixin _1170 { @media (max-width: 1170px){ @content; } } @mixin _979 { @media (max-width: 979px){ ...