Flexbox Css Questions

Master flexbox css interviews with our comprehensive collection of 5 questions and challenges.

Type:
Sort:
Difficulty:

Learn how flex-direction defines the two axes and why every alignment property in Flexbox is meaningless until you know which axis it targets.

beginnercssflexboxlayout

Compare the two core Flexbox alignment properties by axis, by what they distribute, and by how their values differ.

beginnercssflexboxjustify-content

Centre with Flexbox in two declarations, then compare Grid place-items and absolute positioning with transform on tradeoffs that actually matter.

beginnercssflexboxcentering

Walk through the flex sizing algorithm step by step, from flex-basis as the starting size to the proportional distribution of free or negative space.

intermediatecssflexboxflex-grow

Diagnose the automatic minimum size on flex items, why min-width: auto blocks shrinking, and the overrides that let a flexible region actually flex.

advancedcssflexboxflex-shrink