Too advanced? View more basic Flexington examples here.
As many columns as you add, they will all be put in the same row. But, you can specify column count per-breakpoint. In this example
.col-sm will force all items in the same row, but
.col-xs-6 puts all of the cols into 2 columns.
Larger item is set but smaller items auto-adjust to their content's size. With or without gutters too.
Auto-column and auto-width
The first and third columns are the size of their contents. The second column fills the rest of the space.
A known issue when using grids, especially flexbox and the normal method of
justify-content: space-between:, is having a space between the last item and second to last item in a grid when you don't have a preset number of items on the page (like the last page of a blog/archive in WordPress). Flexington lets you decide how to align those items with a simple a class on your row.
Equal height columns with vertically centered content