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

-1 vote212 views1 answer
Css root seletor
CSS
0 vote284 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
0 vote283 views1 answer
Media queries in scss
CSS
16 votes266 views3 answers
Remove underline hover css
CSS
0 vote263 views1 answer
How to disable phone number linking in Mobile Safari
CSS
1 vote263 views1 answer
Different measurements in css
CSS
0 vote285 views1 answer
Code to change profile picture in website
CSS
9 votes272 views1 answer
Image background html css tricks
CSS
0 vote255 views1 answer
Video failing to scale with div css background
CSS
12 votes272 views1 answer
How to make borders rounded in css
CSS