Teoria to jedno, ale praktyka to drugie. Zbudujemy klasyczny pasek nawigacji (Navbar) z logo po lewej i linkami po prawej. Zobaczysz, jak Flexbox i właściwość gap ułatwiają tworzenie równych odstępów.
Kluczowe zagadnienia:
- Budowa paska nawigacji.
- Rozsuwanie elementów (
justify-content: space-between). - Odstępy między elementami (
gap).
Sprawdź wiedzę (Pytania do filmu):
- Jaką wartością justify-content rozsunęliśmy logo i menu?
- Jak usunęliśmy kropki z listy?
- Jaka nowa właściwość robi odstępy między elementami?
- Dlaczego daliśmy flex na
<ul>? - Jak wyrównaliśmy elementy w pionie na środku paska?