Интересует оптимальный способ написания медиа запросов css, не в плане выбора брейкпоинтов, а куда именно их записывать в документе.
Есть вариант в конце css файлика разделить экран на части (для ноутов, планшетов, мобилок и т.п.) Или после каждого правила css можно сразу писать стили для адаптива, через инклюды всякие. Или мб после каждого смыслового блока, сайдбара, например, прописывать стили.
По-разному пробовал, везде свои недостатки. В первом варианте приходится скроллить по всему css, а если для каждого правила отдельно прописывать по 4+ брекпоинта, очень большой файл css получается.
Думаю лучше писать внутри каждого правила, сразу понимаешь что и как. Начни использовать галп, там есть хороший пакет клик который за тебя отсортирует запросы по брейкпоинтам и в конце всей сборки запишет все в самом конце.
В отдельном файле не удобно, потом не понятно где что, понятнее всего в конце компонента, разбивайте вёрстку на компоненты, так будет понятнее всего, и код будет маленький и понятный, легко поддерживать. Тут тоже не без минусов, повторяющиеся код, но это оправдано.