How is CSS Flexbox beneficial in web design?

Question

Options

• AIt allows elements to align horizontally only.
• BIt simplifies the process of creating grid layouts.
• CIt is used for creating fixed layouts.
• DIt is incompatible with responsive design.

• B
  95% (19)
• C
  5% (1)

Explanation

CSS Flexbox is correct as option B because it provides a one-dimensional layout model that makes it straightforward to distribute space, align items, and build responsive row/column-based structures - which are the building blocks of grid-like layouts - without the float hacks or positioning tricks previously required.

Why the distractors are wrong:

• A is wrong because Flexbox works in both directions - you set flex-direction to row (horizontal) or column (vertical).
• C is wrong because Flexbox is designed for flexible, dynamic layouts that adapt to content size, not rigid fixed ones.
• D is the opposite of truth - Flexbox is one of CSS's primary tools for responsive design, letting items wrap and resize fluidly with flex-wrap and flex-grow.

Memory tip: Think of the word flex - it means bendable and adaptable. Flexbox flexes elements to fit their container in any direction, which is the opposite of fixed, horizontal-only, or unresponsive behavior.

No community discussion yet for this question.