Dynamically sizing flex items while keeping consistent size on last row [duplicate]

My flexbox container has a variable width and children can shrink until 150px and grow up to 250px. This works as intended except, when the last row is not full of children, they grow larger than children on full rows. How can I have varying sizes for flex children while keeping all children the same size?

#products-list {    position:relative;    display: flex;    flex-flow: row wrap;    width:100%;}#products-list .product {    min-width:150px;    max-width:250px;    margin:10px 10px 20px 10px;    flex:1;}

I created a dynamic situation in jsFiddle