Streaming live at 10am (PST)

Vertical text alignment issues


Something so simple has cause me so much grief and going back and starting over and over. Finally got there but feels hacky and was wondering is there a better way of achieving what I want.

2 lines of text running vertically aligned side by side with a page title above them.

Initially was using writing mode then to rotate in tranforms using relative and absolutes on the rotation name div, then using positioning to place where I want.

It works but is clunky.

Have tried to get the text to scale and it goes off so decided to keep it to the VH side of scaling rather than VW.

Everything is fine but does get messed up on an Iphone 5, I know who still uses that model right?

Thanks for looking.

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

Please add screenshots of the bug (hard to answer like this).

Iphone 5 is very old device.