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

2 votes108 views1 answer
@media prefers-color-scheme
CSS
0 vote112 views2 answers
To convert categorical data to numerical
CSS
-1 vote70 views1 answer
Responsiveness in bootstrap
CSS
1 vote111 views1 answer
Meta refresh only once
CSS
0 vote105 views1 answer
Css animate border
CSS
2 votes110 views1 answer
Space between li css
CSS
13 votes109 views6 answers
Bootstrap Badges
CSS
0 vote108 views1 answer
Countload on pageloading in html css
CSS
0 vote120 views1 answer
Css battle 54 char
CSS
0 vote223 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS