Skip to content

Broken alignment of vf-grid

When vf-grid is used outside of embl-grid it doesn't correctly center.

Here's a demo with the fix (url: https://codepen.io/khawkins98/pen/OoNOYV?editors=1100) vf-grid-align

To see it broken, comment out line 10:

    .vf-grid {
      grid-column: main-start / main-end;
    }

A quick test suggests this doesn't break other use cases, but I'm not a grid expert.