HTML i CSS · Junior · Pytanie 25 z 75
Jak zwykle pisze się media queries w podejściu mobile-first?
- 1Z
max-width: style bazowe dla desktopu, potem uproszczenia dla mobile - 2Z
orientation: portraitdla wszystkich przypadków - ✓Poprawna odpowiedź: Z
min-width: style bazowe dla mobile, dodatki dla większych ekranów
Wyjaśnienie
W mobile-first bazowy CSS jest pisany dla małych ekranów, a @media (min-width: ...) dodaje style wraz ze wzrostem ekranu. Urządzenia mobilne dostają najmniej nadpisań, a style łatwiej rozbudowywać. Użycie max-width to desktop-first. Breakpointy Tailwinda działają na tej samej zasadzie.