flex-wrap:wrap;が折り返さないとき

flex-wrap:wrap;を使っても子要素が折り返さない時、子要素のwidthが設定されてない可能性があります。widthを設定してあげることで子要素が自動的に親要素のwidthにリサイズされ折り返すようになります。

ul{
    display:flex;
    flex-wrap:wrap;
}
ul li{
    width:100%;
}