Flexbox is a CSS layout method for arranging items in one direction, either in a row or in a column. You turn it on by setting display: flex on a container, and its children become flexible items.
The following example shows how you can layout a webpage using CSS flexbox:
London is the capital city of England. It is the most populous city in the United Kingdom.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Yes. Flexbox is great for parts of a page, such as navigation bars, rows of cards, buttons, and centering content. For the overall page layout with rows and columns, many developers combine it with CSS Grid.
Learn more about flexbox in our CSS Flexbox chapter.
Free account
New
Coding fundamentals as bite-sized lessons and challenges.
