News for hackers. Stuff that matters.

A comment on Full-Bleed Layout Using CSS Grid. Parent comment

Re:Full-Bleed Layout Using CSS Grid by exogen on Monday October 05, 2020 @06:28PM (#24692753)
This alternative falls apart as soon as you want to put a border or box-shadow around the content column while still having full-bleed elements.

Now you're limited to having it individually around each group of elements before/after any full-bleed content, instead of the entire set of content.

[ Parent | on HN ]
Re:Full-Bleed Layout Using CSS Grid by kumarharsh on Tuesday October 06, 2020 @12:04AM (#24694583)
Not necessarily. I'm on mobile, so can't link to code right now, but here's how it would happen:

You can have another .background element which spans all the rows (using grid-row-start and grid-row-end) and positioned in the centre column. Apply the shadows on it, and keep it before the content div in DOM order. That should do it.

[ Parent | on HN ]