<main>
  <h1>parent</h1>
  <div class="parent">
    <div class="auto-grid">
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
    <div class="box">
      <h2>child</h2>
    </div>
  </div>
</main>

.parent {
  overflow-x: scroll;
  overflow-y: scroll;
}