CodePen

New Pen

A Practical Guide to Flexbox: Understanding space-between, Flexbox's Unsung Hero

The more I use flexbox, the more one rule comes up over and over again: justify-content: space-between. In this post, I'll demonstrate how I approach a layout problem with...

Why CodePen Is Important: Refinement

“Coolidge Code”

It is nearly impossible for me to implement a new approach appropriately the first time. The sense of novelty that accompanies the realities of newness can...

A Practical Guide to Flexbox: Don't Forget about flex-shrink

As I learned flexbox, I was captivated by the way items grow to fit their container. But, recently I've realized its just as important to think about the way items shrink....

View More Recently Picked Posts →