title: How to create a scrollable/touchable grid in CSS and JS?
body: <p>I'm interested in how I can make a grid with an undetermined amount of columns and rows that I can put inside another div and have it not spill into others objects or mess with the parent size.</p>
  <p>I want it to be square and I'm using Tailwind CSS but I can adapt to SCSS or vanilla CSS. Also I want it to be touchable/moveable with a mouse on desktop and touch capable devices.</p>
  <p>How would I go about accomplishing this?</p>