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 vote276 views1 answer
Import css in thymeleaf
CSS
0 vote280 views1 answer
Css ie11 only
CSS
12 votes287 views3 answers
Vertical and horizontal align center div
CSS
0 vote296 views1 answer
How to get on the top of the page
CSS
1 vote287 views1 answer
Css 2 <p> next to each other
CSS
4 votes283 views3 answers
Soft box shadow css
CSS
0 vote280 views1 answer
Tipografias family style para css y html
CSS
0 vote263 views1 answer
How to move bullet in css
CSS
6 votes329 views3 answers
Skeleton css cdn
CSS Skeleton
5 votes284 views2 answers
Css make input unselectable
CSS