6 ms·
I implemented something like this on my website [1] and I'm not really sold on it and I'm considering changing back. The two things that I've lost are collapsi
by npunt 6y ago
I implemented something like this on my website [1] and I'm not really sold on it and I'm considering changing back.
The two things that I've lost are collapsing margins between paragraphs/headers and the ability for any asides (like a floating image or a footnote) to vertically span multiple paragraphs.
For margins between paragraphs I replaced them with grid-gap, but always having the same grid-gap is not great; you want some content closer than others.
For asides, it means I have to write smaller footnotes that vertically match the height of paragraphs - exactly the kind of lack of content/style separation I want to avoid.
This guy's site is fantastic and the article is well written tho, and it probably works for some people.
[1] example article that uses full-bleed sections: https://nickpunt.com/blog/category-defining-products/ https://nickpunt.com/blog/category-defining-products/
- CGamesPlay 6y agoI recommended dropping vertical margin and instead using exclusively margin-bottom (or padding-bottom) as much as possible. The behavior is generally more intuitive, and you'll get the control you're looking for.
- npunt 6y agoIn my case each subsequent paragraph, heading, or object is it's own grid row, which act like table rows where margins cannot collapse. Thus things like headings having a certain whitespace above them aren't possible without margin-top, among other small annoyances. Hence the reason I want to switch :)