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 vote169 views1 answer
How to make text disappear after a certain length css
CSS
7 votes182 views3 answers
Html input background color
CSS
0 vote175 views1 answer
Css background templates
CSS
1 vote174 views1 answer
Ionic input line color
CSS
0 vote189 views1 answer
Link css in django template
CSS
2 votes166 views2 answers
Half circle css
CSS
16 votes151 views1 answer
Sass css
CSS
0 vote167 views1 answer
Css select element by role
CSS
0 vote180 views1 answer
Media query not working with rem
CSS
2 votes165 views1 answer
Excel arabic numbers
CSS