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

4 votes271 views2 answers
Border dot css
CSS
9 votes220 views4 answers
Animation shorthand css
CSS
0 vote235 views2 answers
Css firefox remove scrollbar
CSS
0 vote237 views1 answer
Corsair css
CSS
0 vote248 views1 answer
Index.css code not working in 000webhost
CSS
1 vote218 views1 answer
Css selector excluding last child
CSS
-1 vote214 views1 answer
Scss background color
CSS
3 votes202 views2 answers
Bootstrap 5 pagination
CSS
0 vote223 views1 answer
Child theme broken header "styles.css"
CSS
0 vote216 views1 answer
How blend two backgrounds css and isolate content
CSS