Using row-full adds horizontal scroll when vertical scroll required

[gkinsman]

The row-full class works by setting the width of the element to width: 100vw. Unfortunately vw doesn't take vertical scroll bars into account, which means that if the page needs to scroll vertically then a small horizontal scroll bar will appear.

I've hacked around this by doing: html { overflow-x: hidden; } but it's pretty ugly.

This rule can be found on MDN here:

In conjunction with overflow:auto, space taken by eventual scrollbars is not subtracted from the viewport, whereas it is subtracted in the case of overflow:scroll.