Full height section including header

[rhinotago]

Hi there

I have a header with a 6em top bar and a 4em bottom bar. I would like to include one section to the page so the page, including header, is full height on all devices. Can you please let me know how this can be done?

Cheers
Ryan

[ruenel]

Hello Ryan,

Thanks for posting in!

To have a full-height section that includes your 6em header, you will have to set the minimum height of your Column element to calc(100vh - 6em) assuming that your section and row does not have any top and bottom padding.

Hope this makes sense.

[rhinotago]

Great. Thanks very much.

[friech]

Glad we could help,

Cheers!