What is flexbox and why is it used?

Flexbox (Flexible Box Layout) is a one-dimensional layout system for aligning items

horizontally or vertically.

Example:

.container {

display: flex;

justify-content: center;

align-items: center;

Why use it:

• Centers elements easily.
• Handles spacing and alignment dynamically.
• Makes layouts responsive.

Key Takeaway:

Flexbox simplifies alignment and space distribution in one direction.