Trouble with vertically centering an h3 element in a column

Trouble with vertically centering an h3 element in a column
0

#1

I’ve read a lot of threads about similar problems but none of the solutions worked for me. To make it more confusing, the element is somewhat vertically centered in codepen, among other differences that I can’t explain.

Codepen: https://codepen.io/RaisedByPuffins/full/RQZzpX/

On my site: http://raisedbypuffins.org/twitch/

The element I’m referring to is the name of the streamer.


#2

Have you tried translate Y? I’ve done it only a couple of times on links in a horizontal nav bar but it worked pretty well. Check out this codpen with an example: https://codepen.io/mrcow/pen/hGHsg
Here’s a brief guide as well: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/