Responsive design 如何在响应性设计中调整图像和div的大小？

我已经在一个页面上用缩略图拼凑了一个可过滤的公文包，在我的主页上用它的变体。问题是，当我在主页上调整浏览器的大小时，缩略图的大小与公文包页面上的大小不同。取而代之的是，在主页上，它们分成两列，然后随着浏览器的缩小，变成一列。 我一直在为此发愁——有什么建议吗？谢谢

主页-

投资组合页面-

*将每个页面上的浏览器大小调整为大约960px，以查看差异

提前谢谢

添加此css

img
{
        max-width:100%;
    height:auto;
}

---

请把你的代码放在问题中，以避免将来断开链接。请添加一些注释。不鼓励只使用代码的答案。