Html CSS网格-一个块与其他块不同

我在一个公文包页面上工作，我想我会添加一些证书。我制作了一个网格，并使用了

{grid row gap:50px；}

，它在网格中的其他块上工作过。但其中一个问题还没有解决

最后一个块（.cert5）的上边距比其他块大

我将把代码放在下面，以便您可以看到我迄今为止所做的工作： （旁注：我对编码还不熟悉，所以可能写得不太优雅。）

以下是CSS和HTML：

.certcontainer{
背景色：hsl（120,30,40%）；
显示：网格；
网格模板柱：1fr 1fr；
网格模板行：重复（3，1fr）；
网格行间距：50px；
证明项目：中心；
宽度：自动；
高度：自动；
边际上限：0；
左边距：-10px；
右边距：-8px；
}
.证书1{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
边缘顶部：80px；
}
.证书2{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
边缘顶部：80px；
}
.证书3{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}
.证书4{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}
.证书5{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}

---

从

cert1

和

cert2

中删除

margin top

，并将

padding top

添加到

certcontainer

中以达到此目的-请参见下面的演示：

.certcontainer{
背景色：hsl（120,30,40%）；
显示：网格；
网格模板柱：1fr 1fr；
网格模板行：重复（3，1fr）；
网格行间距：50px；
证明项目：中心；
宽度：自动；
高度：自动；
边际上限：0；
左边距：-10px；
右边距：-8px；
填充顶部：80px；/*已添加*/
}
.证书1{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
/*边缘顶部：80px*/
}
.证书2{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
/*边缘顶部：80px*/
}
.证书3{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}
.证书4{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}
.证书5{
边框：30px实心透明；
边框图像：url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png)重复100次；
宽度：400px；
高度：247px；
}

its正在按预期工作非常感谢您-我不敢相信我错过了添加到.cert1和.cert2的页边距顶部影响.cert5的事实。