Flexbox Spacing on Last Line of Items

By Forrest Smith - Drempd.com

I had tiles spaced nicely on my page for all of my blog posts. All was fantastic, except for the last row, which had a large space in between the blog posts. So my layout had three tiles across for each row, but by the end of the page, I had run out of blog posts, so that final row only had two tiles to display. Because of the 'justify-content: space-between;' declaration in my stylesheet, it put one tile on the far left, and one on the far right, with giant white space in between. To fix this, use the following on the div containing the tiles:

.blog-list:after {

   content: '';

   flex: auto;

}