From 4a6b736826c12bb9488485ea30b26f92dc1f8250 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 26 Jul 2026 14:24:12 +0200
Subject: [PATCH] docs: fix CSS Grid intro and drop React reference from
 templates page

The CSS Grid page had a stale flexbox-grid intro spliced in from layout/grid.mdx,
which also displaced the "experimental and opt-in" warning; restore the section.
The templates page description advertised "react admin panels".
---
 docs/src/content/docs/layout/css-grid.mdx     | 22 ++-----------------
 .../docs/templates/admin-dashboard.mdx        |  2 +-
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/docs/src/content/docs/layout/css-grid.mdx b/docs/src/content/docs/layout/css-grid.mdx
index 9b28a1168..c7dd07afb 100644
--- a/docs/src/content/docs/layout/css-grid.mdx
+++ b/docs/src/content/docs/layout/css-grid.mdx
@@ -6,28 +6,10 @@ description: "Learn how to enable, use, and customize our alternate layout syste
 
 CoreUI for Bootstrap's default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we're seeing in browsers like the new CSS Grid.
 
-CoreUI Bootstrap's grid system uses a series of containers, rows, and columns to layout and align content. It's built with [flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.
-
-<Callout color="info">
-**New to or unfamiliar with flexbox?** [Read this CSS Tricks flexbox guide](https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background) for background, terminology, guidelines, and code snippets.
+<Callout color="warning">
+**Heads up—our CSS Grid system is experimental and opt-in as of v4.1.0!** We included it in our documentation's CSS to demonstrate it for you, but it's disabled by default. Keep reading to learn how to enable it in your projects.
 </Callout>
 
-<Example class="bd-example-row" code={`<div class="container">
-    <div class="row">
-      <div class="col">
-        Column
-      </div>
-      <div class="col">
-        Column
-      </div>
-      <div class="col">
-        Column
-      </div>
-    </div>
-  </div>`} />
-
-The above example creates three equal-width columns across all devices and viewports using our predefined grid classes. Those columns are centered in the page with the parent `.container`.
-
 ## How it works
 
 With CoreUI, we've added the option to enable a separate grid system that's built on CSS Grid, but with a CoreUI twist. You still get classes you can apply on a whim to build responsive layouts, but with a different approach under the hood.
diff --git a/docs/src/content/docs/templates/admin-dashboard.mdx b/docs/src/content/docs/templates/admin-dashboard.mdx
index 7b21acb1d..5f7f80773 100644
--- a/docs/src/content/docs/templates/admin-dashboard.mdx
+++ b/docs/src/content/docs/templates/admin-dashboard.mdx
@@ -1,6 +1,6 @@
 ---
 title: "Bootstrap Templates"
-description: "Develop modern, beautiful, and responsive applications in half the time with high-performing and easy-to-customize react admin panels to cover any requirement."
+description: "Develop modern, beautiful, and responsive applications in half the time with high-performing and easy-to-customize Bootstrap admin panels to cover any requirement."
 ---
 
 ## Bootstrap Admin & Dashboard Templates