flex-wrap: wrap not working in ipad and android phones

Published on Author Code Father

flex-wrap: wrap not working in ipad and android phones,mobiles also in Safari. flex-wrap not working as expected in Safari

Just need to add more explicitness to your flex declaration. In fact, I think only one line needs to change like so

div.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;}

div.flex. item {
    min-width: 15em;
    -webkit-flex: 1 1 15em; /* this */
    flex: 1;}