This might have something to do with the font-size of the monospace font — again this is going to be tricky to resolve when using system-ui as there's no way to know how it'll render without checking every OS!
Using pre means total area no longer divisible by 4
I'm closing this down as I think it's a simple case of changing the font-size — but the grid system is a bit flaky if a font is going to screw up the baseline rhythm.
This might have something to do with the
font-size
of themonospace
font — again this is going to be tricky to resolve when usingsystem-ui
as there's no way to know how it'll render without checking every OS!pre
means total area no longer divisible by 4pre-line
andpre-wrap
work