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!