title: How can I link button onclick to slide to the next panel horizontally
body: <p>Right now my webpage has vertical snap to scroll to each of the three 100vh sections.</p>
  
  <p>In the second section, I have 3 100vw divs lined up horizontally with { overflow-x: scroll }. So I went ahead and try to link the my button that would help translate x using the following code:</p>
  
  <pre><code>
  
  const button = document.getElementById('slide');
  
  button.onclick = function () {
    document.getElementById('wrapper').scrollLeft += 20;
  };
  
  </code></pre>
  
  <p>I guess right now the numbers doesn't matter. I just want to see it moving, but I can't get it to move on-click. Any ideas?</p>
  
  <pre><code>codepen.io/brandoniscool/pen/vYBMZyM
  </code></pre>