Flexbox - justify-content: center and align-items: center not working?

Question

I have a pretty basic flex setup and, for whatever reason, the div in question won\'t vertically center inside its parent tag. You can see the isolated test case below.

Answer 1

You need to @include flex on your col-inner (line 40 of your scss), as align-items and justify-content only work on the flexbox element (see this handy guide).

Then to align the .col element within the big white box you can add justify-content: center to .likeness-rank-table-body on line 47 of your scss.