Grid wrapper

Align grid content within a central wrapper, while also allowing items to break out

This item aligns to a central “wrapper” – columns that have a maximum width.

This item aligns to the edge of the grid container.

This item aligns to the left edge of the grid container and the right edge of the wrapper.

This item aligns to the right edge of the “wrapper” columns.

References

• https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Grid_wrapper