Хотел бы получить Ваш совет по следующему вопросу - где именно вы размещаете медиа-запросы при верстке сайта и какой метод является более правильным (или современным)?
1 вариант - размещение стилей в отдельном файле (например media.css), что на мой взгляд удобно с точки зрения удобочитаемости кода, всегда знаешь, что адаптив в отдельном файле + все стили разбиты под разрешения
2 вариант (который мне рекомендовали на курсах верстки) - использовать миксин и расставлять медиа-запросы непосредственно внутри стиля тега, что тоже удобно т.к. запрос только к 1 файлу css, но это влечет увеличение кода и затрудняет оперативное внесение правок.
Если что, во втором варианте я имел ввиду что-то такое:
p {
font-size: 16px;
@media #{$tablet} {
font-size: 18px;
}
@media #{$desktop} {
font-size: 20px;
}
}
Есть еще и 3 вариант - разбиение всех блоков на отдельные файлы html и css при использовании сборщиков (или инклудить), в таком случае наличие медиа-запросов внутри стилей тега не слишком увеличивают код, но т.к. в моем случае сайты часто правятся уже на сервере, то смысл сборщиков пропадает, да и инклуд файлов не приветствуется на скок знаю.