Hacker News Reader

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.

View on HN

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.

Reply on news.ycombinator.com