HTML i CSS · Middle · Pytanie 48 z 75
Jak zbudować układ dwukolumnowy z sidebarem o stałej szerokości i treścią wypełniającą resztę?
- ✓Poprawna odpowiedź:
display: grid; grid-template-columns: 250px 1fr - 2
display: grid; grid-template-columns: 250px 100%; - 3
display: flexiwidth: 50%;na obu kolumnach
Wyjaśnienie
250px 1fr - pierwsza kolumna jest stała, druga zajmuje całą pozostałą przestrzeń. 100% w drugiej kolumnie wyszłoby poza kontener o 250px. Odpowiednik we Flexbox: flex: 0 0 250px dla sidebara, flex: 1 dla treści (i ewentualnie min-width: 0).