Peribreakpoints: Why You Need Them

This construct — an image box paired with some verbiage — is someting I call a spotlight. These spotlights’ container is set to have a maximum width of 40em. At and below a viewport width of 40em, spotlights’ verbiage divs get a little bit of outside margin to ensure that text in them isn’t flush against the edge of the viewport.
However, this leads to a problem with viewports that are only slightly wider than the 40em breakpoint. It’s not difficult to get a viewport that’s only a teeny bit wider than a breakpoint, even if only by dumb luck. At widths like these, you’ll still have text that pretty much is flush with the edge of the viewport.