Kod przedstawia fragment dokumentu HTML i przypisanego do niego formatowania CSS. Użytkownik wyświetlając stronę w przeglądarce stwierdził, że panele są wyświetlone w dwóch liniach, po dwa obok siebie. Oznacza to, że ekran jest szerokości

Poprawna odpowiedź: C (600 px lub mniej, ale nie mniej niż 301 px.)

Przeanalizujmy reguły Media Queries w CSS:

• Szerokość pojedynczego panelu wynosi width: 300px; float: left;.
• Aby dokładnie dwa panele zmieściły się obok siebie w jednej linii, wymagana szerokość kontenera/ekranu to co najmniej 2 \times 300 px = 600 px (lub mieści się w regule @media dla ekranów do 600 px, gdzie 301 px to minimum dla dwóch paneli przy elastycznym układzie 50%).

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Wysokość 600 px nie wpływa na poziome łamanie bloków float.
• B: Przy szerokości większej niż 600 px (np. 900 px) obok siebie zmieściłyby się trzy panele.
• D: Przy szerokości 900 px panele ułożyłyby się w jednej linii po trzy.