神秘权利拥抱的网页

Question

我一直试图找出为什么我的网页拥抱正确。我认为它需要在某个地方清除漂浮物，但在进入每个部分以清除它之后，没有任何变化。它在移动尺寸上最为明显。您可以在http://www.grettagoldstein.com/design.html

查看示例

有什么想法吗？

我的列表项的HTML（整个页面是我的投资组合的列表）：

<ul class="flex-container"> 

    <a href="roundtable.html"><li class="flex-item">
        <div class="box" >
            <img src="images/roundtablethumb-goldstein.jpg">
            <div class="box-content">
                <h3 class="title">Roundtable Flyers</h3>
                <span class="post">Chicago Transit Authority</span>
            </div>
        </div></li></a>

Answer 1

您需要从页面UL flex容器中删除填充。

<ul class="flex-container" style="
    margin: 0;
    padding: 0;
">

修复了它。