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 vote129 views1 answer
Display elements side by side css
CSS
0 vote144 views1 answer
Convert firebase created_at to Date string
CSS
72 votes143 views6 answers
How to center text in a div
CSS
-1 vote128 views1 answer
Css tricks
CSS
0 vote139 views1 answer
Class html css
CSS
0 vote135 views1 answer
Django validation error css
CSS
2 votes134 views2 answers
Css glow on hover
CSS
6 votes144 views1 answer
All text in caps using css
CSS
4 votes135 views1 answer
How to make image not repeat on background
CSS
8 votes143 views2 answers
CSS make image fill whole background
CSS