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 vote270 views1 answer
Bootstrap-navbar-container-fluid
CSS
0 vote250 views1 answer
How to make png smaller css
CSS
11 votes220 views3 answers
Round button css
CSS
3 votes245 views3 answers
Uigradients
CSS
0 vote280 views1 answer
Css letter spacing tight
CSS
0 vote283 views1 answer
Can we block onclick of button using css
CSS
0 vote265 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
7 votes277 views2 answers
Bootstrap Aligning images
CSS
3 votes243 views1 answer
Css sass compile run
CSS
4 votes244 views1 answer
Grid repeating auto columns
CSS