CODEWITHSUNDEEP
htmlcssflexbox
Jure Stabuc
Jure Stabuc

Reputation: 569

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!

Upvotes: 0

Views: 117

Answers (1)

Allen Wong
Allen Wong

Reputation: 1433

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

will do the tricks

Upvotes: 1

Related Questions