Layout algorithms

CSS is comprised of several different layout algorithms¹, each designed for different types of user interfaces. The default layout algorithm, Flow layout, is designed for digital documents. Table layout is designed for tabular data. Flexbox is designed for distributing items along a single axis.

CSS Grid is the latest and greatest layout algorithm². It’s incredibly powerful: we can use it to build complex layouts that fluidly adapt based on a number of constraints.

By default, CSS Grid uses a single column³, and will create rows as needed, based on the number of children.

---

1. Understanding Layout Algorithms ↩

2. An Interactive Guide to CSS Grid ↩

3. An Interactive Guide to CSS Grid - Grid flow session ↩