Adjust Service Portal height dynamically

[Christine24]

I am working on our Service Portal and our UX team realized when you zoom out on the homepage, the gray container does not move dynamically and it shows white at the bottom. Does anyone know how to make the height fluid so that the container stays and the white space goes away?

[Shane Craddock · Accepted solution]

Hi Christine,

I used this in my portal CSS to fill the height with the last section on the page.

section {
  display: flex;
  flex-direction: column;
  main.body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    >:last-child {
      flex-grow: 1;
    }
  }
}

If this answer helped you please mark it as Helpful, if it solved your issue please mark as Correct, thank you!

[Christine24]

That worked!! Thank you! 🙂

[Edxavier Robert]

Hi, can you please explain where exactly you put the code? I have the same issue. 

[ahefaz1]

@Edxavier Robert ,

They added it to the portal records, CSS variables field.

Please accept the solution or mark helpful if this helped.

Thanks,