网格单元之后有多余的空间，不知道它从哪里来

Question

我正在构建一个示例项目，我创建了一个网格容器，但是在第一个单元格（标题）之后不久，它为其他行添加了两倍的装订线。 这是CSS

.container {
background-color:#fff;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] 
repeat(auto-fit, [col-start] minmax(min-content, 14rem) [col-end]) [center- 
end]  minmax(6rem, 1fr)  [full-end];
grid-template-rows: repeat(5, min-content);
grid-row-gap: 8rem;  
}

我认为最好检查一下原始页面并从那里检查一下。 链接到我在github sample project cool-portfolio

上的页面

Answer 1

在您的.content类中，您具有“ grid-row：3;”。然后是“ grid-row：4;”在.portfolio中，对于.contact和.footer等，您应该从“ grid-row：2;”开始对于.content“ grid-row：3;” .portfolio等。