From b80e676232827de2a98c0052300150830292d87f Mon Sep 17 00:00:00 2001
From: DrejT <119151870+DrejT@users.noreply.github.com>
Date: Wed, 18 Dec 2024 14:52:10 +0530
Subject: [PATCH] Docs: add `.overflow-x-auto` to CSS Grid nesting example at
 small breakpoints (#40928)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Julien Déramond <juderamond@gmail.com>
---
 site/content/docs/5.3/layout/css-grid.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/content/docs/5.3/layout/css-grid.md b/site/content/docs/5.3/layout/css-grid.md
index c79c4ce0f406..b119b6716bfa 100644
--- a/site/content/docs/5.3/layout/css-grid.md
+++ b/site/content/docs/5.3/layout/css-grid.md
@@ -149,7 +149,7 @@ Similar to our default grid system, our CSS Grid allows for easy nesting of `.gr
 In practice this allows for more complex and custom layouts when compared to our default grid system.
 
 {{< example class="bd-example-cssgrid" >}}
-<div class="grid text-center" style="--bs-columns: 3;">
+<div class="grid text-center overflow-x-auto" style="--bs-columns: 3;">
   <div>
     First auto-column
     <div class="grid">