Jure Štabuc Jure Štabuc - 1 month ago 6
HTML Question

Flexbox not taking the full height of the wrapper

I have a problem with my side flexbox, which is not taking the full height of the site.

.aside-1 {
padding: 10px;
font-size: 18px;
flex: 1;
height: 100%;
}


I tried to set the height to 100% but with no effect. Here is the site in full: http://jsbin.com/yujoqaxubi/edit?output

I tried also to add

position:absolute; bottom:0


But it just breaks the site.

Thanks for any help!

Answer
.aside-1 {
    padding: 10px;
    font-size: 18px;
    flex: 1;
    height: auto;
}

will do the tricks