<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399336">
<body>
  <div style="width: 6000px; height: 6000px;">
    <div style="columns: 4; border: 1px solid black;">
      <div style="height: 50px; width: 550px; float: right;">Text</div>
      <div style="display: grid; grid-template-columns: repeat(auto-fill,250px);">
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
        <div style="width: 250px;">
          <div style="height: 550px;"></div>
        </div>
      </div>
    </div>
  </div>
</body>
