图像网格没有排队

Question

第二行图像的左右边缘与上面的行不对齐。它们似乎只有几个像素。

底部的主要大图像与上面的行不对齐。

Link to site

Answer 1

尝试在图库列表'width 100％'中添加任意图片：

img { width: 100% }

并删除

中的'text-align：center'

<div id="production-photo-gallery"> and <ul>

然后在<li>

中的第一个<ul id='main-production-image'>添加填充

#main-production-image > li { padding-right: 2%; }