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 vote218 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote204 views1 answer
Scss variables mixins
CSS
3 votes196 views3 answers
How to change text on hover css
CSS
6 votes187 views2 answers
Selecting last child css
CSS
6 votes204 views2 answers
Space between flexbox
CSS
3 votes200 views2 answers
Css select all elements except last css
CSS
0 vote202 views1 answer
Stop padding from changing div size
CSS
0 vote270 views2 answers
Create react app tailwind css with yarn
CSS
0 vote196 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
0 vote190 views1 answer
In flex-wrap remove last item margin for every row
CSS