It would work perfectly, but I’ve found the “top: 50%” style only works unless I edit in (in inspector, or directly in CodePen) up or down a percentage point, before adjusting it back to 50%. After this, it’s perfectly vertically centered, just how I want it.
But I’m totally confused as to why this doesn’t work on initial page load. Any ideas?