相关疑难解决方法(0)

我试图了解如何实现一个布局，该布局在第一行中包含两列，在第二行、第三行等中包含三列。

<section>
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
   <div>5</div>
   <div>6</div>
   <div>7</div>
   <div>8</div>
</section>

//CSS
section {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

上面的代码将为我提供两列布局，但如何修改它以实现上述布局。