xy margin grid

# Grid Container

The below 2 examples should line up with each other.

Cell
Cell
Cell
Cell

# Grid Container Fluid

The below 2 examples should line up with each other.

Cell
Cell
Cell
Cell

# Grid Container Full

The below 2 examples should NOT line up with each other.
This is because we don't want to cut off the padding on the padding version, but we want the margin version to be flush with the edge.

Also note the use of `overflow-x: hidden;` on the `body`. This is required for this to work correctly, but is noted in the docs.

Cell
Cell
Cell
Cell