How to make a certain number of items in a row on flexbox?

Question

Layout

There is a list that contains 7 cards. How to make it so that there are no more than 5 cards in a row on large screens, and on smaller ones the block is rebuilt depending on the screen size?

Answer 1

The changes will take effect after 820px, at a resolution no more than 5 cards will be rendered.

Answer 2

use the parent class row, and set the children to col-1,2,3,4,5,6,12 depending on the required width