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 vote131 views1 answer
Import custom font
CSS
0 vote182 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote141 views1 answer
How to change a checkbox to be selected
CSS
0 vote144 views1 answer
Import tailwind
CSS
0 vote123 views1 answer
Css overflow smooth scroll mobile
CSS
6 votes146 views5 answers
Table fixed header
CSS
0 vote121 views1 answer
Font awesome saas gem
CSS
0 vote138 views1 answer
How to set the scroll in bootstrap4 table body
CSS
2 votes150 views2 answers
Display none transition
CSS
8 votes129 views1 answer
Reset submit btn style
CSS