なぜ「flex-wrap: flex;」がすぐに出てこないのか？
年齢のアレなのか？いつもド忘れしてしまうので忘備録に。
2列にする
Card1
Card2
Card3
Card4
<div class="container">
<div class="card">カード1</div>
<div class="card">カード2</div>
<div class="card">カード3</div>
<div class="card">カード4</div>
</div>.container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
padding: 20px;
}
.card {
width: calc(50% - 10px); /* 2列にする */
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center;
}