The five best design links, every weekday

Category: Flexbox

All Categories

medium.freecodecamp.com

How Flexbox works - explained with big, colorful, animated gifs

Flexbox promises to save us from the evils of plain CSS (like vertical alignment). Well, Flexbox's deliver on that goal. But mastering its new mental model can be challenging. So let's take an animated look at how Flexbox works, so we can use it to build better layouts.

medium.freecodecamp.com

CSS Flexbox Explained by Road Tripping Across the Country

The popular Flexbox model attempts to replace the giant pain known as CSS " floats ". Unfortunately, it also introduces yet another entirely new system into CSS. And you thought there were enough already! Actually, the grid-oriented nature of Flexbox makes much more sense than constantly juggling your "float" and "block/inline-block" values.

isotoma.com

Going all-in on Flexbox

decorator.io

A fast and modular approach to building powerful web and mobile interfaces.

css-tricks.com

Don't Overthink It (Flexbox) Grids