Control the number of items on each flex-line when container is set to wrap

Question

I am using css flexbox to distribute a number of items in a container. I have a flex container like this:

.container{
    display: flex;
    flex-flow: row wrap;         


        

Answer 1

Do you mean flex-basis?

.container .item {
    flex-basis: 25%;
}

It will divide to maximum 4 item per row.