Hard-stop gradients are one of my favorite CSS tricks. Here, Marcel Moreau combines that idea with CSS grid to solve an issue that’s otherwise a pain in the butt. Say you have like a 300px right sidebar on a desktop layout with a unique background color. Easy enough. But then say you want that background color to stretch to the right edge of the browser window even though the grid itself is width-constrained. Tricker.
Direct Link to Article — Permalink
The post How-to guide for creating edge-to-edge color bars that work with a grid appeared first on CSS-Tricks.
source https://www.imarc.com/blog/how-to-guide-for-creating-edge-to-edge-color-bars-that-work-with-a-grid
No comments:
Post a Comment