Responsive design 调整窗口大小时，段落后的元素移动会占用更多空间

这是一个小项目，我正试图使一个响应网页设计。在屏幕调整大小之前，一切都正常工作，在某些大小中，段落后的某些元素会移动，占据更多空间，但不会与元素的其余部分对齐。这是github中的链接：

---

非常感谢您的帮助

我刚刚发现元素可以垂直对齐。所以我这样解决问题：

.container {
    vertical-align: top;
}

这将使元素保持原位。不管我是否调整页面大小

---

希望这对其他人有所帮助

欢迎来到Stack Overflow！请阅读本页并相应调整您的页面。您应该直接在问题中添加基本代码，而不是将其链接。谢谢这是我第一次在这个平台上提问，所以我不知道如何制作。谢谢你关于如何制作的建议。我发布了这个链接，因为我认为它很容易从源代码中看到。如果要查看网页呈现方式，可以执行以下操作：将github.com替换为rawgit.com，然后删除/blob/'。然后就可以很容易地在你喜欢的浏览器上查看网页，看看我说的是什么问题。无论如何，我只是解决了这个问题，我会发布答案。你的建议可能是正确的，可以直接在浏览器中使用调整后的URL进行尝试。外部链接的问题是，这些页面在一段时间后会发生变化或消失，答案旁边的问题对于将来的使用将毫无用处。如果与此相反，这里描述了基本部分，那么问题和答案是持久的。