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

10 votes142 views1 answer
Rotate image css mdn
CSS
4 votes159 views3 answers
Mobile tablet desktop media queries
CSS
1 vote145 views2 answers
Scale textarea
CSS
0 vote149 views2 answers
Icon inside a circle css
CSS
2 votes130 views1 answer
Xpath vs css selector
CSS
0 vote150 views1 answer
Bootstrap progress bar animation not working
CSS
1 vote110 views1 answer
Change text color li css
CSS
12 votes142 views2 answers
Grid template columns
CSS
1 vote150 views1 answer
Slickjs height
CSS
66 votes159 views6 answers
Center an image
CSS