如何在移动设备中连续显示两张卡片

Question

这是我的小故障。在这里，我可以看到台式机一排3张卡，平板电脑一排2张卡，移动设备一张卡。我想让它在手机上每排2张牌。(意味着我想调整我的卡的大小，并在移动设备上连续显示2张卡(。我该如何实现。这是我完整的故障代码。

这是一个css，我在媒体查询中尝试过它的响应性。

/*** Responsive ***/
@media(max-width: 991px)
{
.wrapper{
padding: 25px;
}
.wrapper h1{
font-size: 2.5em;
font-weight: 600;
}
.content-box{
flex-direction: row;
width: 100%;
}
.card{
min-width:300px;
margin: 10px auto;
}
}

Answer 1

为什么您的容器flex direction列在媒体查询中？应该是排的。