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 vote199 views1 answer
Respnsive font size css
CSS
47 votes207 views6 answers
Css center text in div
CSS
1 vote219 views1 answer
How to get element details using cssselector using beautifulsoup
CSS
6 votes214 views4 answers
Disable scroll css
CSS
0 vote182 views1 answer
Dynamic multi-level in vuejs
CSS
0 vote180 views1 answer
Css file not getting captured in laravel project
CSS
2 votes170 views3 answers
Ul hide bullet css
CSS
0 vote199 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
9 votes262 views2 answers
How can set background fit full
CSS
0 vote245 views2 answers
How to force fully show the keyboard in android
CSS