Szybkie Kurski - Darmowe kursy technologiczne

1.

Co trzeba zrobić, aby elementy dziecka stały się elementami flex?

Ustawić display: flex na rodzicu

Ustawić position: flex na dzieciach

Ustawić float: flex

Ustawić display: block na rodzicu

2.

Jak ustawić elementy w kolumnie od góry do dołu?

flex-direction: row

flex-direction: row-reverse

flex-direction: column

flex-direction: column-reverse

3.

Która wartość justify-content powoduje równe odstępy między wszystkimi elementami?

space-around

flex-start

space-between

space-evenly

4.

Która właściwość kontroluje wyrównanie elementów w poprzek osi głównej (cross axis)?

justify-content

align-items

flex-grow

flex-basis

5.

Jak wyrównać pojedynczy element flex niezależnie od innych?

justify-self

align-self

flex-basis

flex-shrink

6.

Co oznacza flex-grow: 1?

Element rośnie proporcjonalnie, jeśli jest wolne miejsce

Element kurczy się, gdy brakuje miejsca

Element ma stały rozmiar

Element nie rośnie, jeśli jest wolne miejsce

7.

Co robi flex-shrink: 0?

Element rośnie w zależności od miejsca

Element zmienia kierunek osi

Element zajmuje całe miejsce kontenera

Element nie zmniejszy się, gdy brakuje miejsca

8.

Jak ustawić bazowy rozmiar elementu przed działaniem flex-grow i flex-shrink?

align-items

flex-basis

flex-grow

justify-content

9.

Jak najlepiej wycentrować elementy w pionie i poziomie w kontenerze?

display: block; text-align: center

display: flex; justify-content: center; align-items: center

display: inline-block; margin: auto

float: center

10.

Co oznacza skrót flex: 1 1 200px?

flex-grow: 1; flex-shrink: 1; flex-basis: 200px

flex-grow: 1; flex-shrink: 0; flex-basis: 200px

flex-grow: 0; flex-shrink: 1; flex-basis: 200px

flex-grow: 1; flex-shrink: 1; flex-basis: auto

Flexbox