Container Background Color Issues

Container set to height of full, but background color not filling everything. Or is my understanding of how it works not correct??

Elements:

See white space on bottom of screen. Shouldn’t it continue to be gray (my background color)??
Preview in Safari:

you would want to set the Height to screen if you want it to fill the entire height of the screen :slight_smile:

1 Like

Thank you. I thought that full did that, or does it do that when there are scroll bars??

The full option is setting the height to 100%. This means the full option is context dependant - and can behave slightly differently depending on the structure of the page.

If the container is inside something else, setting the height to full will make it take up the entire height of it’s parent component.

If the container is at the root of the page, or inside a component without a specific height, setting height to full would mean the height of the container is only big as the content inside of it.

Hope that makes sense!

1 Like

Got it. More understandable now. Thank you!!