仅响应式CSS三角形

Question

我在这里有这支笔 ，我想稍微弄平三角形。 我正在使用此站点中的代码来完成响应方面，但似乎三角形只能保留该形状。 知道是否可以改变？

目标是无论浏览器的宽度如何，三角形的宽度都应为列的100％。

最终结果：

Answer 1

.pricing-table .col .triangle-down:after {
content: "";
display: block;
width: 0;
height: 0;
margin-left: -800px;
margin-top: -578px;
border-left: 800px solid transparent;
border-right: 800px solid transparent;
border-top: 500px solid #d0d0d0;
}

对于更平坦的三角形，您只需更改边框的值

编辑-获取有问题的图像的结果。

margin-left: -2800px;
margin-top: -673px;
border-left: 2800px solid transparent;
border-right: 2800px solid transparent;