Grid spacing classes force horizontal scroll when grid items wrap

Comienza reproduciendo el marcado de grid proporcionado en tamaños de ventana más pequeños e inspecciona las clases de espaciado del grid utilizadas por grid gs64 fw-wrap. Se considera completado cuando los elementos del grid que pasan a la siguiente línea ya no fuerzan el desplazamiento horizontal sin depender de la solución alternativa overflow-x-hidden.

When using our grid spacing classes responsively, they force a horizontal scroll when wrapping. This is the smallest example that will trigger this.

<div class="grid gs64 fw-wrap">
    <div class="grid--cell">
        This cell has dynamic content that ought to wrap with the window
    </div>
    <div class="grid--cell">
        This cell has dynamic content that ought to wrap with the window
    </div>
    <div class="grid--cell">
        This cell has dynamic content that ought to wrap with the window
    </div>
    <div class="grid--cell">
        This cell has dynamic content that ought to wrap with the window
    </div>
    <div class="grid--cell">
        This cell has dynamic content that ought to wrap with the window
    </div>
</div>

At smaller window sizes, this forces a horizontal scroll.

Workaround

You can add an overflow-x-hidden to your parent for now, but we ought to solve the underlying issue.