title: How to wrap a table in a scrollable container? (coding the Game of Life)
body: <p>first of all I apologize if I use imprecise terminology but I' m still a beginner. I' m trying to code my version of Conway's game of life using what I learned at my web dev class but I' m a little bit stuck. I' m using vanilla Javascript, HTML and CSS. The game logic it's fully implemented and working as intended. Basically I' m rendering the game as a huge table and it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/ICjEY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ICjEY.png" alt="enter image description here" /></a></p>
  <p>Code is available here:
  <a href="https://github.com/lfmvit/GameOfLife" rel="nofollow noreferrer">https://github.com/lfmvit/GameOfLife</a></p>
  <p>Now what I'm trying to achieve is instead something like this one: <a href="https://playgameoflife.com/" rel="nofollow noreferrer">https://playgameoflife.com/</a></p>
  <p>I want my table, that has a fixed dimension (potentially big), standing inside a container that allows me to grab and scroll around the game field, just like you scroll a map in a Google Map viewer.</p>
  <p>Finally I would like to add a control bar to add some buttons and slider, but I think I already know how to do that.(any advice will still be appreciated).</p>