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

16 votes202 views2 answers
Center h1 css
CSS
1 vote164 views1 answer
Remove ul decoration
CSS
0 vote158 views1 answer
Css using the same background-color as the parent background
CSS
0 vote107 views1 answer
Sticky form look blurred
CSS
1 vote137 views1 answer
Why is my css code not working
CSS
0 vote148 views1 answer
Ubuntu toggle always on top
CSS
8 votes127 views2 answers
CSS change image height
CSS
4 votes149 views1 answer
Target css by form name
CSS
24 votes154 views4 answers
Use woff2 font in css
CSS
20 votes137 views3 answers
Gradient border with border radius
CSS