Alignment Differences in CSS Flexbox

Blue bricks perfectly aligned.

When I first started out using the CSS flex property, I had a heck of a time trying to figure out the differences between align-content, align-items, and align-self.

Hopefully the following Codepen example helps to clarify the issue:

Share your thoughts... Cancel reply