My goal is I want my boxes in the first line are 5 rows and the 6th box will go to the next row? Can you show me how to do it?
.container { display: flex; gap: 10px; flex-wrap: wrap; padding: 10px;}.box { flex: 1; height: 50px; background: yellow;}<div class="container"><div class="box">1</div><div class="box">2</div><div class="box">3</div><div class="box">4</div><div class="box">5</div><div class="box">6</div><div class="box">7</div><div class="box">8</div><div class="box">9</div><div class="box">10</div><div class="box">11</div><div class="box">12</div></div>