guuters.md: fix link and highlight (#30595)

diff --git a/site/content/docs/4.3/layout/gutters.md b/site/content/docs/4.3/layout/gutters.md
index 1dc6f7b29c7d4ec4f80844c47c6458c5eccd0b8a..8640aae54772a992ee57dc1f13c186ae6419bb7f 100644 (file)
--- a/site/content/docs/4.3/layout/gutters.md
+++ b/site/content/docs/4.3/layout/gutters.md
@@ -10,7 +10,7 @@ toc: true
 
 - **Gutters are the gaps between column content, created by horizontal `padding`.** We set `padding-right` and `padding-left` on each column, and use negative `margin` to offset that at the start and end of each row to align content.
 
-- **Gutters start are `1.5rem` (`20px`) wide.** This allows us to match our grid to the [padding and margin spacers]() scale.
+- **Gutters start are `1.5rem` (`20px`) wide.** This allows us to match our grid to the [padding and margin spacers]({{< docsref "/utilities/spacing" >}}) scale.
 
 - **Gutters can be responsively adjusted.** Use breakpoint-specific gutter classes to modify horizontal gutters, vertical gutters, and all gutters.
 
@@ -152,7 +152,7 @@ In practice, here's how it looks. Note you can continue to use this with all oth
 
 Classes are built from the `$gutters` Sass map which is inherited from the `$spacers` Sass map.
 
-```sass
+```scss
 $grid-gutter-width: 1.5rem;
 $gutters: (
   0: 0,