Fullscreen page aligned to middle

[alriteam]

Hi,

I have the Hero section as Fullscreen but how can I align the content in the Middle or Bottom of the screen?

Thanks.

[thai]

Hi There,

It could be done with the Flex Layout CSS.

• To align the content to the middle, please add this element CSS to your row:

$el {
    display: flex;
    align-items: center;
}

• To align the content to the bottom, please add this element CSS to your row:

$el {
    display: flex;
    align-items: flex-end;
}

For more information, please take a look at this article:

https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

Hope it helps