Css Flexbox双柱网格不工作

它非常简单，我想要一个带有flexbox的两列网格，我读了一些代码示例，但我的代码不起作用

您可以在此处检查flex网格：

这是css：

.mini-product-detail {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.mini-product-detail .mini-item {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin-bottom: 24px;
    padding: 10px;
    width:50%;
}

---

使用

flex-wrap:wrap

也使用
框大小：边框框


。迷你产品详细信息{
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
柔性包装：包装；
}
.迷你产品详细信息.迷你项目{
边框：1px实心#e0；
背景色：#fff；
边缘底部：24px；
填充：10px；
宽度：50%；
框大小：边框框；
}