Vertical centering tactics


I am wondering as I haven’t found the best way to vertically centre say a login block in the middle of my device no matter the device. At the moment I have a break point to remove a padding-top if on mobile which seems to work ok - and I have seen the posts advising a flexbox but that seems to break it massively.


This codepen works great across all versions of android and ios


Works great! thanks mike