Squeezy Stretchy Flexbox Nav

I saw an interesting take on off-canvas navigation the other day over on The New Tropic. It wasn't the off-canvas part so much. It was how the elements within the nav took up space. They stretched out to take up all the space, when available, but never squished too far. Those are concepts that flexbox makes pretty easy to express! Let's dig in a little.

Here's the nav, a video showing what I mean:

My favorite part is how …

Squeezy Stretchy Flexbox Nav is a post from CSS-Tricks