title: Dynamic rows of divs (boxes) using CSS?
body: <p>I have a variable number of boxes and I'd like to display as many as I can without forcing the viewer to scroll horizontally, there should also be a certain space in between them. This means that the boxes will have to move to the next or previous "row" if the browser is resized.</p>
  
  <p>How do I achieve this using divs and CSS?</p>
  
  <p>Thanks in advance :-)</p>
  
  <p><em>P.S: Enjoy my fine art skills:</em></p>
  
  <p><img src="https://i.stack.imgur.com/OD8Vv.png" alt="alt text"></p>