html - 让网站的一部分打破网格并粘在视口(viewport)的一侧的最佳方法是什么？

Question

我正在 Shopify 网站上进行前端开发，我无法让一个部分“打破网格”以跨越视口(viewport)的一侧，而另一侧在另一个方向略微跨越网格之外.这有点难以解释，所以我附上图片。

design I'm looking to replicate

可以在这里看到当前站点: https://0rmwb5xh1kvogaal-17179607104.shopifypreview.com

Answer 1

在 .feature-row__text 类上使用以下 css 属性来实现您想要的结果。

.feature-row__text {
    position: absolute;
    padding: 20px;
    left: 570px;
    right: 170px;
}