Have you run into a situation where you need the padding of one element to align with the padding of another element? It’s a common debacle, especially when a page layout is set with global padding, and you need to break out of that layout and go full-width but still align the inner content with the rest of the page. In this article, Brecht De Ruyte demonstrates the issue with a full-width slider
![CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study — Smashing Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1e527b50b210d684abda7113b4d86fd80953ac0/height=288;version=1;width=512/https%3A%2F%2Ffiles.smashing.media%2Farticles%2Fcss-scroll-snapping-aligned-global-page-layout-case-study%2Fcss-scroll-snapping-aligned-global-page-layout-case-study.jpg)