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 vote191 views1 answer
Css safari remove scrollbar
CSS
5 votes183 views1 answer
Css animate flashing
CSS
2 votes227 views4 answers
Laravel htaccess
CSS
0 vote237 views1 answer
Button transition
CSS
0 vote221 views1 answer
Tampermonkey custom css
CSS
0 vote272 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
6 votes204 views1 answer
Flex change order
CSS
0 vote206 views1 answer
Make table cell less wide css
CSS
0 vote188 views1 answer
Stop mysqld.exe cmd
CSS
1 vote178 views1 answer
Css background offset
CSS