It begins with "display: flex"

The foundation of flexbox CSS is the display: flex property. Just add this property to an element, and you’re using flexbox. It’s that easy!

But what exactly is this property doing? By default, it specifies that the element should now lay out its children along what’s called its “main axis”, which is the horizontal axis by default.

This section will introduce you to how this property works and how you can use it to build UI components