У меня с собой философская дискуссия о том, как лучше всего разместить медиазапросы в таблицах стилей. Я пытаюсь структурировать свой CSS модульно (например, OOCSS или SMACSS и т. Д.). Учитывая этот контекст, я вижу два варианта:

Put all media queries together in a separate stylesheet or section of the main stylesheet. Put media queries below their base counterparts. For example, if I have a module called "news-item", I could put any necessary media query styles right below the definition of that module.

Я склоняюсь к последнему, но это означало бы, что у меня будет гораздо больше отдельных медиа-запросов (отдельные для каждого логического блока CSS, требующего адаптивной настройки).

Есть мысли по этому поводу?