Flexboxification

[ashfurrow]

Right now we use a kind of flowing grid to lay out all the cards on the site. That causes a problem when one card in a row is taller than the other cards in that row:

We should migrate our layout to use Flexbox, which presents an interface similar to UICollectionView for laying out items in a flow, line-breaking layout style. This will eliminate the gaps in between cards and their next rows.

[ashfurrow]

An alternate approach would be to use CSS grids to force the cells to all have the same height. Example here: https://twitter.com/kizmarh/status/994260528594907136

[freak4pc]

The only issues with the CSS grids approach is it doesn't allow "aligning to each other" - there has to be an "original" piece that everyone conform to. In that sense that piece will have to be found based on the length of the string or something more involved, which might not be best.