Flexbox

Simple responsive layout solutions

With flexbox, we can build responsive interfaces without media queries. To get started, set the flex class and supply with other utilities. We don’t operate with predefined grid or column sizes, so these work best for simple use cases.

We recommend writing your own complete classes for more complex solutions, this is expecially relevant when you see the need for custom flex sizes like flex: 1 3 22rem. We often combine that with a max-width.

CSS Grid can be more correct in some cases. That require complete custom written code.