title: How to make "column-count" add items to the bottom
body: <p>I am building a web page (ruby on rails) that has containers of different heigths in two columns. CSS does this well with the <code>Column-count: 2</code> property. Problem I have now is that I also implemented infinity scroll, which means that at some point new items will be added to the bottom. Right now however, whenever items are added, it realigns all of the items (also the previous ones) and by that puts them in a new order.</p>
  <p>How can I implement CSS so that it adds new items at the bottom and doesnt resort the whole page?</p>
  <p>Simple vizualisation (dont mind my beautiful drawing skills):
  <a href="https://i.stack.imgur.com/1AeaJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1AeaJ.png" alt="enter image description here" /></a></p>