我改变了Codrops'Thumbnail Grid with Expanding Preview，以便使用基本的css媒体查询根据屏幕宽度改变网格单元格的数量。
你可以看到我到目前为止所做的事情here
一开始看起来很好但我现在发现当你点击第一个单元格时，展开的描述框位于其他单元格下面，而一些后续单元格会被移动。
此外，如果刷新页面，则可以更改浏览器的宽度，并且图像会相应地增大和缩小。但是，在您单击任何图像以显示描述然后关闭描述之后，单击的单元格的高度将固定在该高度，并且页面不再响应于不同的浏览器大小。
有人会就如何解决这些问题提出任何建议吗？