Full height Section

[dmedianik]

Trying to make a landing page and have the section full height.

I used the following code;

.x-section-1 {
min-height: 100vh;
}

But it didn’t change anything.

[ruenel]

Hello @dmedianik,

Thanks for writing in!

The height of the section is dependent on the height of the row which is also dependent on the height of the total height of the elements inside the columns. To make sure that you have a full-height section, you use this code instead:

.x-section-1 > .x-container .x-column{
   min-height: 100vh;
}

This code will set the minimum height of the column in the very first row container in section 1.

Hope this helps.