Zapomnij o starych metodach układania elementów. Flexbox to rewolucja, która pozwala łatwo wyrównywać elementy w pionie i poziomie, zmieniać ich kolejność i automatycznie dopasowywać odstępy. To narzędzie, którego będziesz używać codziennie.
Kluczowe zagadnienia:
- Kontener Flex (
display: flex). - Oś główna (
justify-content) i poprzeczna (align-items). - Kierunek układania (
flex-direction).
Sprawdź wiedzę (Pytania do filmu):
(Pytania 1-5, : Do czego służą poniższe funkcje)?
display: flex- Oś główna
justify-contentalign-itemsflex-direction: column- Jaka właściwość włącza tryb Flexbox na kontenerze?
- Jak nazywa się oś, wzdłuż której układają się elementy (domyślnie pozioma)?
- Która właściwość wyrównuje elementy w poziomie (oś główna)?
- Która właściwość wyrównuje elementy w pionie (oś poprzeczna)?
- Jak zmienić układ na pionowy?