CSS网格：在响应式CSS网格中自动填充行并自动填充？

Question

调整屏幕大小时，我希望第一行始终充满标题。标题必须位于网格本身内。 我用spdlog::info(data); ...尝试了许多不同的选项，但没有成功。 https://codepen.io/ctw/pen/JjjPmwj

1/span 4

<div class="list">
  <div class="title">
    This is the title to fill
  </div>
  <div class="cell">0</div>
  <div class="cell">1</div>
  <div class="cell">2</div>
  <div class="cell">3</div>
  <div class="cell">4</div>
  <div class="cell">5</div>
  <div class="cell">6</div>
  <div class="cell">7</div>
</div>