Mobile-first

• В макетах для мобильных устройств находится минимальное число элементов.
• Эти элементы быстрее и легче сверстать - верстается без медиаправил.
• Все последующие элементы будут сверстаны внутри медиаправил
• Точки перехода задаются в этом случае с помощью min-width

• @media screen and (min-width: 480px) {}

• Пример