Quiz o Atrybutach CSS Flex

Która właściwość CSS ustawia element jako kontener elastyczny (flex container)?

• flex-wrap

• display: flex

• justify-content

• align-items

Jaka wartość właściwości flex-wrap powoduje, że elementy flex mogą przechodzić do nowego wiersza, jeśli brakuje miejsca?

• nowrap

• wrap-reverse

• wrap

• break

Która właściwość definiuje odstęp między elementami w kontenerze flex?

• padding

• gap

• margin

• spacing

Która właściwość umożliwia określenie kolejności, w jakiej elementy są renderowane w kontenerze flex?

• order

• z-index

• flex-grow

• align-content

Jeśli wartość właściwości flex-grow dla jednego elementu wynosi 2, a dla innego 1, to co oznacza to w praktyce?

• Oba elementy zajmują tyle samo miejsca.

• Pierwszy element zajmuje dwa razy więcej miejsca niż drugi.

• Drugi element zajmuje dwa razy więcej miejsca niż pierwszy.

• Pierwszy element zajmuje mniej miejsca niż drugi.

Jakie wyrażenie media query pozwoli zastosować flexbox tylko na ekranach o szerokości mniejszej niż 768px?

• @media screen (max-width: 768px)

• @media only screen and (max-width: 768px)

• @media (min-width: 768px)

• @media screen and (width < 768px)

Co stanie się z elementami, gdy wartość flex-wrap zostanie ustawiona na wrap-reverse?

• Elementy zaczną układać się w odwrotnej kolejności w jednym rzędzie.

• Elementy zaczną się zawijać, ale nowy wiersz pojawi się powyżej poprzedniego.

• Elementy pozostaną w jednej linii, ignorując dostępne miejsce.

• Elementy zostaną wyrównane do środka.

Która właściwość najlepiej nadaje się do ustawienia odstępów między wierszami w kontenerze flex?

• row-gap

• line-height

• gap

• padding

W której sytuacji właściwość order może być przydatna?

• Aby ustawić odstępy między elementami w kontenerze.

• Aby zmienić kolejność wizualną elementów bez modyfikowania HTML.

• Aby ustawić element na środku w pionie.

• Aby określić rozmiar elementu w kontenerze.

Jakie wartości może przyjąć właściwość flex-grow?

• auto, inherit, none

• Liczby dodatnie, 0

• normal, bold, lighter

• relative, absolute, fixed