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 vote166 views1 answer
Select all class in css
CSS
0 vote185 views1 answer
Chrome remove black inline from click button
CSS
1 vote184 views1 answer
Vendor prefix in css
CSS
35 votes175 views2 answers
Css code for margin
CSS
3 votes181 views2 answers
Backdrop filter all properties
CSS
1 vote162 views1 answer
Html details summary marker remove
CSS
0 vote341 views2 answers
Css multiline comment
CSS
-1 vote129 views2 answers
Scss comments
CSS
2 votes181 views2 answers
Css text to fit container
CSS
0 vote200 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS