Верстка · Junior · Запитання 25 з 75
Як зазвичай пишуть медіазапити за підходу mobile-first?
- 1Через
max-width: базові стилі для десктопа, потім спрощення для мобільних - 2Через
orientation: portraitдля всіх випадків - ✓Правильна відповідь: Через
min-width: базові стилі для мобільних, а для великих екранів - доповнення
Пояснення
У mobile-first базовий CSS пишуть для малих екранів, а @media (min-width: ...) додає стилі в міру зростання екрана. Так мобільні пристрої отримують мінімум перевизначень, а стилі простіше нарощувати. Підхід через max-width - це desktop-first. За тим самим принципом працюють брейкпоінти в Tailwind.