Restrict flex items in a row

.parent {
    display: flex;
    flex-wrap: wrap;
  }

  .child {
    /* percent per item in row. 
    33% = limit to 3 per row. */
    flex: 1 0 33%; 
    margin: 5px;
    height: 100px;
    background-color: blue;
  }

Similar codes

0 vote283 views2 answers
Make img black and white css
CSS
0 vote293 views1 answer
Cypress check css property value
CSS
1 vote272 views1 answer
Disable checkbox click event
CSS
1 vote315 views1 answer
How to validate mail adress css
CSS
0 vote298 views1 answer
How to center a list in html
CSS
16 votes333 views4 answers
CSS Font-Family
CSS
18 votes296 views4 answers
Background color none
CSS
0 vote351 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote254 views6 answers
Comments in css
CSS
8 votes299 views1 answer
Reset submit btn style
CSS