Forcing a width on flex items

HTML-CSS
3

Hi Codemiester,

your having a this issue because flex box settings default to
min-width:auto;

you can override this issue by setting

min-width: 0;
I just tested this on your code and it works fine.

below is an example in your CSS code.

.flex {
    display: flex;
    flex-direction: column;
    border: solid red 3px;
    margin: 0 auto 1em auto;
    width: 100%;
    min-width: 0;
}

I hope that helps

1 Like