Update edge-to-edge design instructions (#35446)

Add note about margins to prevent overflow.

diff --git a/site/content/docs/5.1/layout/gutters.md b/site/content/docs/5.1/layout/gutters.md
index 87d2731a4743932833b577c3e10c71710baa389d..9ea13e4ab246c1fd6aef645bbb79afb272c22af2 100644 (file)
--- a/site/content/docs/5.1/layout/gutters.md
+++ b/site/content/docs/5.1/layout/gutters.md
@@ -137,7 +137,7 @@ Gutter classes can also be added to [row columns]({{< docsref "/layout/grid#row-
 
 The gutters between columns in our predefined grid classes can be removed with `.g-0`. This removes the negative `margin`s from `.row` and the horizontal `padding` from all immediate children columns.
 
-**Need an edge-to-edge design?** Drop the parent `.container` or `.container-fluid`.
+**Need an edge-to-edge design?** Drop the parent `.container` or `.container-fluid` and add `.mx-0` to the `.row` to prevent overflow.
 
 In practice, here's how it looks. Note you can continue to use this with all other predefined grid classes (including column widths, responsive tiers, reorders, and more).