What is Flexbox?

Flexbox is a one‑dimensional layout model for distributing and aligning items along a row or column.

When to use Flexbox?

- Toolbars, nav bars, cards, and lists with alignment needs

- When content size is unknown or dynamicWhen not to use Flexbox? - Complex two‑dimensional gridsWhat is the anatomy of Flexbox?

- Main and cross axes

- Properties: justify-content, align-items, flex, gap

- Wrapping and order