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 vote236 views1 answer
Can we use multiple keyframes in css
CSS
8 votes142 views2 answers
Kotlin string to int
CSS
4 votes134 views4 answers
Css max lines
CSS
8 votes119 views3 answers
Padding css 3 values
CSS
2 votes145 views1 answer
Textarea only one line
CSS
13 votes147 views3 answers
Rotate image html
CSS
1 vote152 views1 answer
Webkit css
CSS
1 vote121 views1 answer
Change height of range slider html
CSS
3 votes128 views1 answer
Animation keep end state
CSS
1 vote126 views1 answer
Css animate border bottom left to right
CSS