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 vote430 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
3 votes360 views1 answer
How to set text to middle in div
CSS
-1 vote334 views2 answers
How to scroll fixed position
CSS
0 vote346 views1 answer
Add image under header html
CSS
1 vote371 views2 answers
Center nav bar css
CSS
13 votes316 views4 answers
Delected blue border when an input is selected
CSS
185 votes561 views6 answers
Background image css
CSS
12 votes336 views4 answers
Sticky header
CSS
0 vote361 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
1 vote305 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS