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 vote339 views1 answer
Css geight
CSS
49 votes330 views3 answers
Centralize image css
CSS
1 vote396 views1 answer
Change order columns bootstrap
CSS Bootstrap
1 vote339 views1 answer
Remove border between td
CSS
1 vote323 views2 answers
How to make a div fill the screen
CSS
1 vote363 views1 answer
Chrome hide blue highlight css mobile
CSS
6 votes282 views2 answers
Linear gradient syntax
CSS
1 vote311 views1 answer
Css use :root
CSS
1 vote303 views1 answer
Css element same line
CSS
0 vote403 views2 answers
Bootstrap 5 container
CSS Bootstrap