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 vote222 views1 answer
Datepicker disable future date odoo
CSS
2 votes232 views2 answers
No gutter in bootstrap css for row
CSS
16 votes239 views2 answers
Css photo circle
CSS
0 vote263 views1 answer
How to use purgecss with webpack mix laravel
CSS
6 votes177 views2 answers
Difference between justify content and justify in grid
CSS
-2 votes238 views1 answer
Css opacity transition
CSS
0 vote276 views2 answers
Fix materialize form label not working
CSS
0 vote247 views2 answers
Text-align transform
CSS
0 vote454 views1 answer
Twig inline css
CSS
0 vote234 views1 answer
Asp net css how to change text alignment of gridview column
CSS