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

7 votes206 views2 answers
Transition css hover
CSS
0 vote305 views1 answer
Box style
CSS
0 vote211 views1 answer
Td min-height not working
CSS
0 vote213 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote201 views1 answer
Css layers over background-images
CSS
0 vote196 views1 answer
Statamic partial
CSS
11 votes198 views3 answers
Css poppins font
CSS
0 vote195 views4 answers
Uikit theme
CSS
1 vote197 views1 answer
Css font size important
CSS
8 votes183 views3 answers
Padding css 3 values
CSS