写css的grid排版布局时，遇到一点小问题：

排版如下：

代码如下

1. /* 图书列表样式 */
   
2. .book-list {
   
3.   display: grid;
   
4.   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   
5.   gap: 20px;
   
6.   padding: 20px;
   
7. }

复制代码

关键是这句，grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));我不太懂

后来，经过AI的提示

后茅塞顿开