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.
from CSS-Tricks https://ift.tt/2YN5JyS
via IFTTT
No comments:
Post a Comment