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 vote107 views1 answer
Autoprefixer\
CSS
0 vote77 views2 answers
Transparent circle in css
CSS
0 vote127 views1 answer
Effetto fade con css
CSS
-1 vote78 views1 answer
Html flex direction
CSS
109 votes120 views6 answers
Position absolute
CSS
0 vote140 views1 answer
How to scale pixels in css
CSS
0 vote129 views1 answer
Css animation top goes back to start
CSS
29 votes127 views4 answers
@font-face css
CSS
3 votes139 views1 answer
Html table td spacing
CSS
1 vote110 views2 answers
Align div to right side of parent
CSS