From 776435f38e7171d1236c32a8c09e9f4b78f74339 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Thu, 3 Jul 2025 13:42:21 -0700
Subject: [PATCH 1/2] update Code groups

---
 components/code-groups.mdx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/components/code-groups.mdx b/components/code-groups.mdx
index c1eb4d08..0b03c85a 100644
--- a/components/code-groups.mdx
+++ b/components/code-groups.mdx
@@ -1,12 +1,10 @@
 ---
 title: "Code groups"
-description: "The CodeGroup component lets you combine code blocks in a display separated by tabs"
+description: "Display multiple code examples in a tabbed interface"
 icon: "group"
 ---
 
-You will need to make [Code Blocks](/code) then add the `<CodeGroup>` component around them. Every Code Block must have a filename because we use the names for the tab buttons.
-
-See below for an example of the end result.
+Use the `CodeGroup` component to display multiple code blocks in a tabbed interface, making it easy for users to compare implementations across different programming languages or see alternative approaches to the same task.
 
 <CodeGroup>
 
@@ -28,9 +26,9 @@ class HelloWorld {
 
 </CodeGroup>
 
-<RequestExample>
+To create a code group, wrap multiple code blocks with `<CodeGroup>` tags. Each code block must include filename, which becomes the tab label.
 
-````mdx Code Group Example
+````mdx
 <CodeGroup>
 
 ```javascript helloWorld.js
@@ -51,5 +49,3 @@ class HelloWorld {
 
 </CodeGroup>
 ````
-
-</RequestExample>

From 53c4cffdc16b967ba0ebba2d1f1a1b6876f53473 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Thu, 3 Jul 2025 14:06:46 -0700
Subject: [PATCH 2/2] correct terminology

---
 components/code-groups.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/code-groups.mdx b/components/code-groups.mdx
index 0b03c85a..35e76652 100644
--- a/components/code-groups.mdx
+++ b/components/code-groups.mdx
@@ -26,7 +26,7 @@ class HelloWorld {
 
 </CodeGroup>
 
-To create a code group, wrap multiple code blocks with `<CodeGroup>` tags. Each code block must include filename, which becomes the tab label.
+To create a code group, wrap multiple code blocks with `<CodeGroup>` tags. Each code block must include a title, which becomes the tab label.
 
 ````mdx
 <CodeGroup>