flex

flex (flexbox) is a one-dimensional layout model that distributes elements in a row or column, with control over spacing and adaptive alignment (main axis) and (cross axis), achieving flexible and responsive designs. flex is ideal when you need to align elements on a single axis (horizontal or vertical) in a flexible way, adapting their size and position according to the available space.

11 topics

  1. flex-direction
  2. flex-wrap
  3. justify-content & align-items (row)
  4. justify-content & align-items (column)
  5. align-self
  6. align-content
  7. flex-grow
  8. flex-shrink
  9. flex-basis
  10. flex & flex-flow
  11. order