Это называется mobile first. То есть весь CSS изначально пишется под мобильные/планшеты, что предполагает использование сайта в основном на телефонах. А затем медиа запросами CSS подгоняют под более крупные экраны.
Если media (min-width: ) - то mobile first,
Если media (max-width: ) - то наооборот