Добрый день
Разрабатываю адаптивный сайт на флексбоксах на основе project stub
Подскажите, как лучше организовать css с медиа-запросами в структуре project stub?
Допустим у меня такая структура: http://joxi.ru/eAOY9ZWsxZYgvm
Медиа-условия писать в этом же файле или создать отдельно какой-то другой?
@bonjovi зависит от того, где эти медиа-запросы нужны. Т. е. есть целая череда разных «если», чтобы понять «как лучше»: медизапросы для чего? Для того, чтобы писать один код для мобильника-планшета-десктопа? Т. е. для телефона с возможным 3G-подключением вы планируете тянуть css для планшетов и десктопов (а может даже и HTML, JS и, о боги, картинки!). Если всё так, то да, медиа-запросы в
common
— вполне нормальная практика (сам так делаю). Если у вас разные версии кода для каждой платформы, а медиа-запросы нужны для адаптивности, например, разной ширины браузера на десктопе, то такие стили вполне подойдут для соответствующего уровня (desktop.blocks
— для разных ширин десктопного окна,touch.blocks
— для вертикальной и горизонтальной проекции планшетов и телефонов).