这个页面会在浏览器中输出什么？

<section class="cards"><div>A</div><div>B</div><div>C</div><div>D</div></section>
<style>
  .cards {
    display: grid;
    width: 340px;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
</style>
<script>
  const cards = document.querySelector('.cards');
  console.log(getComputedStyle(cards).gridTemplateColumns);
</script>