QamoosTech
FrontendIntermediate

Flexbox

PronunciationFLEKS-boks

Definition

Flexbox is a CSS layout module designed to distribute space and align items within a container, even when their size is unknown or dynamic. It allows elements to easily align as a single row or column.

Where you hear it

During frontend development meetings, CSS styling discussions, or when building responsive layouts.

Examples

  • Use Flexbox to center a button inside a navigation bar.
  • We switched from floats to Flexbox to make the layout more responsive.

Common mistake

Trying to use Flexbox for complex two-dimensional layouts, where CSS Grid would be a more appropriate and efficient tool.