How to make container height always 100% of page view

Creating left-hand side navigation for web

I have a container, which I made 20% width and that works fine, but when I set the height to 100% it doesn’t change at all. I can of course set a height in px, but I want it to be always 100% height of the viewport?

The layout and container have no margins or padding. The container will have sub-containers that include navigation links and icons.

Any suggestions :)?

try this:

For Page


For Container

All the best

Hi Mazen,

Thanks a lot for the suggestion. Unfortunately tried that and see picture :confused:

Problem solved :)!

The alignment was set to “base axis” but should be “fill container height” upsi