Kontejner postaje fleksibilan na sljedeći način: display: flex;.

Svojstva fleksibilnosti kontejnera

• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

Svojstvo flex-direction

Svojstvo flex-direction definira u kojem smjeru kontejner želi složiti fleksibilne stavke.

Svojstvo flex-wrap

Svojstvo flex-wrap određuje stanu li se elementi u jedan red.

Smanjenjem veličine prozora preglednika, elemnti će prelaziti u novi red.

Svojstvo flex-flow

Svojstvo flex-flow je skraćeno svojstvo za postavljanje svojstava flex-direction i flex-wrap.

Svojstvo justify-content

Svojstvo justify-content se koristi za poravnavanje fleksibilnih stavki.

Svojstvo align-items

Svojstvo align-items se koristi za poravnavanje fleksibilnih stavki.

Svojstvo align-content

Svojstvo align-content se koristi za poravnavanje fleksibilnih linija.