Streaming live at 10am (PST)

Help with positioning text down 50% of the way down browser


#1

Can anyone help me get the text to position half way down the page like the image attached. Trying to get "John Lefler, Jr" to be 50% down.

I am using a 2 column layout to be able to posit the page in two to display rider info and to display rider data on the map. Would it be better to use a different layout to achieve this same affect. I tried 2 sections creating each to be 50% of the width of the device but the second one wouldn't move left. Very frustrating.

https://webflow.com/design/flatwater-cycling?preview=e5de797b4c7fed2c6be839d4f1025561

Thanks

Sean


#2

put height 100% on "rider colum" and "rider bio colum"
them put "rider name" transform -50%, and take off height 100px.

and them take off all the position from the inside texts "h1", "h3", etc...


#3

ok, the position from the texts, you gona need config for what you want.

But the principle to put some div in the middle is:

[div height 100%]
...[div position top 50%, and transform move up 50%][/div]
[/div]

ps. sorry my english


#4