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

1 vote304 views1 answer
On clicking a link it gets red color
CSS
0 vote288 views1 answer
Css full grid span
CSS
0 vote309 views1 answer
Border none select
CSS
5 votes293 views1 answer
Cursor as image css
CSS
18 votes307 views4 answers
Grayscale css
CSS
0 vote347 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
9 votes346 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote296 views1 answer
How to get two elements on the same line html
CSS
2 votes240 views1 answer
Xpath vs css selector
CSS
2 votes293 views1 answer
Transition syntax css
CSS