Welcome to week 5 of Flexbox Fridays!

This week we set out to build a flexible, pain free alphabetical navigation for contacts. A navigation of this size can prove to be a challenging undertaking with floats and odd bits of inline-block positioning, and making it responsive would even further complicate things.

With flexbox this undertaking involved no physical pain whatsoever, and the demo ended up utilizing a combination of features we have touched on with previous Flexbox Fridays examples.

...you'll see that we created a flex family of sorts (ha!) to play the role of our contacts.

As always, feel free to share your flexbox projects/pens in the comments or with #flexboxfridays, we would love to see them!

Happy (flexible) Friday!

2,264 2 6