Back to Glossary
FrontendIntermediate

What is Flexbox?

A CSS layout method for arranging items in a single row or column with flexible spacing and alignment.

Why It Matters

Flexbox solves common layout challenges like centring content and distributing space between items.

Real-World Example

Using flexbox to evenly space navigation links across a header regardless of screen width.

“Understanding terms like Flexbox matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”

Callum Holt, Founder, 13Labs

Learn More at buildDay Melbourne

Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.

Join buildDayExplore More Terms

Related Terms

Glossary

CSS

The language that controls how websites look, including colours, fonts, spacing, and layout

Glossary

Responsive Design

Designing websites that automatically adjust their layout to look good on any screen size

Glossary

CSS Grid

A CSS layout system that lets you create two-dimensional layouts with rows and columns.

Glossary

Frontend

The part of a website or app that users see and interact with directly

Glossary

React

A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage

Glossary

Next.js

A framework built on React that adds features like page routing, server-side rendering, and API handling