Html 优化流体网格布局

Html 优化流体网格布局,html,css,grid,responsive-design,Html,Css,Grid,Responsive Design,我最近刚刚添加了一个网格布局,但我不知道如何使我的链接工作。我使用的网格是1140的。我研究了那个网站的源代码,并试图使我的页面像他们的一样,但当我把所有东西都放进去的时候,我的页面变得更糟,网格甚至无法工作。这就是我的网站的外观 它就是这样做的 当你缩小尺寸时,它看起来不像是应该的。当你最小化它时,我希望图片(链接)是每行两个,然后每行一个,这取决于页面的大小。我还希望报价变成不同的行时,它是太小了。但我不知道如何让页面看起来正常,更不用说用更小的浏览器让页面看起来更好了。谢谢 可能有你想要的

我最近刚刚添加了一个网格布局,但我不知道如何使我的链接工作。我使用的网格是1140的。我研究了那个网站的源代码,并试图使我的页面像他们的一样,但当我把所有东西都放进去的时候,我的页面变得更糟,网格甚至无法工作。这就是我的网站的外观 它就是这样做的
当你缩小尺寸时,它看起来不像是应该的。当你最小化它时,我希望图片(链接)是每行两个,然后每行一个,这取决于页面的大小。我还希望报价变成不同的行时,它是太小了。但我不知道如何让页面看起来正常,更不用说用更小的浏览器让页面看起来更好了。谢谢

可能有你想要的东西。折叠效果对我有用。

如果你不能按照他们的指示让他们工作。认为它很容易实现。不同的是,所有列的总和都必须是正确的金额。好的,谢谢。这个网站没有方向,我想他们是在假设人们知道该做什么。但我想应该是删除流体网格,然后将容器更改为百分比。现在我唯一的问题是,当我调整网页大小时,当行改变时,图像不在该页面的中心