Flex elements ignore percent padding in Firefox

Question

I\'m trying to add padding to an element inside a display:flex element. When the padding is defined as a percent, it doesn\'t display in Firefox, though it does

Answer 1

For me this does the trick: adding display: table to the div. Don't know if that causes other problems though.

    div {
        background: #233540;
        display: table;
    }
    div > div {
        color: #80A1B6;
    }
    .parent {
        display: flex;
    }
    .padded {
        padding-bottom: 10%;
    }

    

        

            asdf