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 vote199 views1 answer
How to scale a bg image acc to size of div
CSS
122 votes170 views6 answers
How to center in css
CSS
5 votes171 views3 answers
Background-image linear gradient and border radius
CSS
0 vote185 views2 answers
Print to pdf setting css for A4 size
CSS
1 vote189 views1 answer
Mat slide toggle iverted
CSS
-1 vote305 views1 answer
Css comando para poner una imagen como fondo en html
CSS
5 votes225 views1 answer
Hidden elements blinking on hover
CSS
20 votes190 views3 answers
Center align div vertically and horizontally css
CSS
0 vote168 views1 answer
Truncate multiline text
CSS
0 vote185 views1 answer
Using a Python dict for a SQL INSERT statement
CSS