Real World Example of Using Flexbox to Align Items in a Web Application

Feature thumb snip20170718 4

In this example we're going to use Flexbox to align multiple items:

Buttons aligned and justified to the right of the div, these will work like action links Image aligned all the way to the left Text content inside of the div

This implementation was originally built by @cleber for the DevCamp LMS.

The end result will look like this:

The HTML code struct will look like this:

And the CSS/SCSS code will use Flexbox and look like this: