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 vote203 views1 answer
Allfont cdn
CSS
0 vote215 views1 answer
Reorder images in mobile web developer
CSS
0 vote211 views1 answer
Prevent mailto href indexing
CSS
0 vote211 views2 answers
Css text truncate 2 lines
CSS
0 vote222 views1 answer
Estilos de button css
CSS
0 vote196 views5 answers
Css fr meaning
CSS
0 vote221 views2 answers
Chmod: changing permissions of '/opt/lampp': Operation not permitted
CSS
1 vote203 views1 answer
Scroll bottom css
CSS
0 vote225 views1 answer
Dynamic multi-level in vuejs
CSS
20 votes225 views3 answers
Underline text using css
CSS