Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why. However, if you know what to pay attention to, alignment is less complicated than it first appears. This tutorial will help you understand flexbox alignment perfectly.
In this tutorial we are going to practice building web components with two exercises: we’re going to use Flexbox to build a “thumbnail list” and a “sidebar” component.
In this quick tip, we’re going to use Bulma, a popular Flexbox-based CSS framework by Jeremy Thomas, to build a responsive blog layout.
There’s nothing particularly impressive about horizontally centering your content; you’ve been doing it for years. But what about vertically centering your variable-height content? In this video from my course, 6 Flexbox Projects for Web Designers, you’ll learn how Flexbox tackles this problem with minimal effort.