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 vote171 views1 answer
Hiden file upload button css
CSS
0 vote155 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS
0 vote134 views1 answer
Vertical divider between my flexbox
CSS
0 vote124 views1 answer
Set number word to new line html
CSS
4 votes179 views2 answers
Border dot css
CSS
0 vote134 views1 answer
Table td remove unknown padding in td
CSS
0 vote131 views1 answer
How to set box into another box using html and css
CSS
0 vote141 views1 answer
How to hide text that is longer than its parent div
CSS
0 vote130 views1 answer
Hide featured image in wordpress
CSS
0 vote96 views1 answer
Responsive slider with text animation codepen
CSS