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

4 votes163 views1 answer
Make border to div
CSS
96 votes167 views3 answers
Css hide scrollbar but allow scroll
CSS
44 votes149 views6 answers
Textarea disable resize
CSS
0 vote144 views1 answer
Free hrml css curs
CSS
-1 vote145 views1 answer
How to make white image black in css
CSS
1 vote148 views1 answer
Css button:focus border-radius square
CSS
2 votes143 views2 answers
How to give 2 different background color css
CSS
0 vote155 views1 answer
Css ripple effect
CSS
0 vote145 views1 answer
Center child container
CSS
0 vote179 views4 answers
Select2 make previously selected options non deletable
CSS