Słowem wprowadzenia W jednym z wcześniejszych ▶ materiałów pokazywałem jak tworzyć grid – metoda tworzenia układu strony w podziale na kolumny. Trzeba było używać znanych Ci właściwości CSS: width i float. Niestety jest obarczony błędami treści wystających poza kontener. Poniżej zobaczysz przykładowy grid, który stworzyłem. Wspomaga on na zarządzaniu ułożeniem elementów na stronie. Książkowy …
Właściwość flex-direction Idąc dalej z modelem flexbox, poznajmy właściwość flex-direction. Odpowiada on za ustawienie kolejności wyświetlania wszystkich elementów w kontenerze. Niezależnie od tego w jaki sposób są one ułożone w kodzie HTML, zawsze możemy zmienić kierunek wyświetlania. Poznajmy wartości które przyjmuje właściwość flex-direction: row (wartość domyslna) – elementy wyświetlają się horyzontalnie w wierszu – od …
Wprowadzenie Flexbox to metoda dzięki której zbudujemy layout. Został wprowadzony wraz z CSS3. Powstał w odpowiedzi na potrzebę pozyskania “narzędzia” do tworzenia układów stron. Do tej pory, również na moim blogu, używaliśmy np. właściwość float. Dzięki poznawanej metodzie nie będzie konieczności już z niej korzystania. Podstawą dla podejścia flexbox jest kontener, wewnątrz którego zarządzamy elementami i sposobem …
