Center Row in full viewport height Section take 2

[texaskiwi13]

Hi team,

This in in responsive to the topic I posted which has been closed - I didn’t respond in time as I was out of town ( Center row in full viewport height section).

As tristrup recommended, I set the height of the column to 100% and turned on the flex box, but this still has not achieved the desired effect of having the headline and body copy centered in the full viewport height section.

Can you please advise on how to get the headline and body copy to be vertically centered in the full viewport height section?

thanks,
Ashley

[texaskiwi13]

I think I’ve figured it out. I added css to the row element:

$el.x-row { min-height: 100vh; }

and that seems to have done the trick.

Is this the best practice way to achieve this, or is there a better way?

A

[tristup]

Hi Ashley,

Instead of custom CSS code, You can set the 100 with unit vh to the Column.

Hope it helps.
Thanks

[texaskiwi13]

Thank you Tristrup! that worked perfectly!

[tristup]

Hi Ashley,

Glad that we are able to help you.

Thanks