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

19 votes117 views4 answers
Add blur background css
CSS
0 vote129 views1 answer
QAnon Won't believe who
CSS
0 vote111 views1 answer
Overiade main style only for specific page sass
CSS
0 vote123 views1 answer
Why margin is not working on label css
CSS
0 vote128 views1 answer
Fonts from google fonts do not work
CSS
6 votes112 views2 answers
Transition prefixes css
CSS
0 vote115 views1 answer
Css border with 8 values
CSS
1 vote173 views2 answers
Css all ids starting with
CSS
0 vote125 views1 answer
Fabric bring to front element top
CSS
100 votes108 views8 answers
Create react app
CSS