diff --git a/site/content/docs/5.3/layout/css-grid.md b/site/content/docs/5.3/layout/css-grid.md
index 99b85edc47..3a3128436f 100644
--- a/site/content/docs/5.3/layout/css-grid.md
+++ b/site/content/docs/5.3/layout/css-grid.md
@@ -227,7 +227,7 @@ Adding more rows and changing the placement of columns:
### Gaps
-Change the vertical gaps only by modifying the `row-gap`. Note that we use `gap` on `.grid`s, but `row-gap` and `column-gap` can be modified as needed using either CSS properties, or CSS variables, or our [gap utilities]({{< docsref "/utilities/spacing#gap" >}}).
+Note that we use `gap` on `.grid`s, but `row-gap` and `column-gap` can be modified as needed using either CSS properties, or CSS variables, or our [gap utilities]({{< docsref "/utilities/spacing#gap" >}}).
{{< example class="bd-example-cssgrid" >}}
@@ -238,6 +238,8 @@ Change the vertical gaps only by modifying the `row-gap`. Note that we use `gap`
{{< /example >}}
+Change the vertical gaps only by modifying the `row-gap`, here by using CSS properties.
+
{{< example class="bd-example-cssgrid" >}}