вообще правильно mobile-first т.е. без убогих стилей сайт изначально адаптирован под любой экран, а дальше уже там всякие флоаты и флексы с гридами. Хотя на постсоветском пространстве все наоборот макета мобилки нет зато есть десктоп и то не под 1900 дисплей а усредненный ну и понеслось.
Хотя различия медиа запросов незначительны но мобильная версия должна иметь меньше эффектов и быть более простая, поэтому на мой взгляд mobile-first является правильной стратегией, даже когда верстается сразу десктоп, я ее перевожу при адаптации к mobile-ferst
Зачем изобретать наново велосипед? Используйте css фреймворки. Например: Bootstrap Bulma UIkit
* * * * *
Лучше в конце, когда уже есть полное представление всей картины.
Простой
Средний
