Too Long; Didn't Read
I have been working with Flexbox for the past few months and absolutely loving how easy and intuitive it makes even the most complex of layouts. My CSS was hack-free, my markup was logical and in order and it seemed like I could position anything anywhere (align-items: center; FTW!). That feeling came to an abrupt end on the day that I asked myself the question, “How do I override justify-content to position a flex item independently along the main axis?” I was attempting to space flex items evenly along the main axis inside of a row with the last item floating all the way to the right side. I was stumped how to do this without floats or fixed margins.