position: absolute footer clashes with content

See the bottom of the example below. This is caused by !102 (closed).

Arguably, I don't see the "polluting" argument stand. The cognitive load isn't particularly high - one can easily glance and know it's a footer, then move on.

If you insist that the footer be at the bottom, give the main content a min-height of something like 80vh, so the footer is steadily pushed to the 85vh line (counting the header), which even if not "pixel perfect", is pretty close. That's not a "clean" method, though; see MDN and CSS-Tricks for one.

Clashing, see bottom

Giving main content min-height: 80vh and removing position: absolute from .footer