css - 画廊旁边的网站中的随机 float 标题，(@media 查询也不起作用)

Question

有问题的网站:s123c.github.io

最近，我开始制作一个单页滚动网站作为副业，并使用了“选择器”组合。我还添加了一个自动滚动报头。

在投资组合画廊贴在右侧后，我遇到了下一个标题(Side Projects)的问题。我不明白是什么触发了这种情况，因为我记得它以前工作得很好。

@media 查询也已停止工作，这肯定与内联标题“Side Projects”随着窗口变小而向下移动有关。我感觉好像 @media 查询不再有效，浏览器自动使用默认缩放。

感谢任何建议(但请不要建议我获取 Framework 或 Bootstrap。我知道这些选项)。

Answer 1

不确定网站的外观，但将 display: inline-block; 添加到 id #portfoliolist 会将 div 推到所有缩略图下方。

#portfoliolist {
  display: inline-block;
}