What is Flexbox?
Also called: Flexible Box Layout
The short answer
Flexbox is a one-dimensional CSS layout system for arranging items in a row or column, with easy alignment, spacing and wrapping.
Flexbox, explained
It solved the old problem of vertical centring in one line and is the default tool for navigation bars, buttons and small components.
Questions people ask about Flexbox
What is Flexbox?
Flexbox is a one-dimensional CSS layout system for arranging items in a row or column, with easy alignment, spacing and wrapping.
Related terms
CSS Grid is a two-dimensional layout system that places elements into rows and columns at once, making complex page layouts possible with a few lines of CSS.
CSSCSS is the language that controls how a web page looks: colours, fonts, spacing, layout, animation and how the design adapts to each screen.
DOMThe DOM is the browser's live, tree-shaped model of a web page; JavaScript reads and changes the DOM to update what visitors see.
Semantic HTMLSemantic HTML uses elements for their meaning, such as header, nav, main, article, button and h1 to h6, instead of generic divs, so machines understand the page.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.