1 files changed, 45 insertions, 0 deletions
diff --git a/tests/typ/layout/grid-styling.typ b/tests/typ/layout/grid-styling.typ
index 577e15c4..e076d0c4 100644
--- a/tests/typ/layout/grid-styling.typ
+++ b/tests/typ/layout/grid-styling.typ
@@ -87,3 +87,48 @@ a
   [A],
   [B],
 )
+
+---
+// Test interaction with gutters.
+#grid(
+  columns: (3em, 3em),
+  fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
+  align: (x, y) => (left, right).at(calc.rem(y, 2)),
+  [A], [B],
+  [C], [D],
+  [E], [F],
+  [G], [H]
+)
+
+#grid(
+  columns: (3em, 3em),
+  fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
+  align: (x, y) => (left, right).at(calc.rem(y, 2)),
+  row-gutter: 5pt,
+  [A], [B],
+  [C], [D],
+  [E], [F],
+  [G], [H]
+)
+
+#grid(
+  columns: (3em, 3em),
+  fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
+  align: (x, y) => (left, right).at(calc.rem(y, 2)),
+  column-gutter: 5pt,
+  [A], [B],
+  [C], [D],
+  [E], [F],
+  [G], [H]
+)
+
+#grid(
+  columns: (3em, 3em),
+  fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
+  align: (x, y) => (left, right).at(calc.rem(y, 2)),
+  gutter: 5pt,
+  [A], [B],
+  [C], [D],
+  [E], [F],
+  [G], [H]
+)