title: How to accomplish something like Google Keep layout
body: <p>In Google Keep, they have a couple columns (depending on your viewport width) of equal width notes that they arrange to make it not look uniform.</p>
  
  <p><img src="https://i.stack.imgur.com/P5ZwX.png" alt="enter image description here"></p>
  
  <p>How can something like this be accomplished? I'm guessing they have specific breakpoints at certain widths, and after accounting for the padding and margins, they make the image match the desired width, and simply let the image height maintain the same aspect ratio.</p>
  
  <p>It's just my guess; how would it be done?</p>