From a014ce90b6658aab8d1a9cc20cb2c046c14d3fed Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Mon, 20 Oct 2025 20:22:33 +0000
Subject: [PATCH 1/4] Update create/image-embeds.mdx

---
 create/image-embeds.mdx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/create/image-embeds.mdx b/create/image-embeds.mdx
index 78bf23dde..58994e671 100644
--- a/create/image-embeds.mdx
+++ b/create/image-embeds.mdx
@@ -44,6 +44,28 @@ For more control over image display, use HTML `<img>` tags:
 />
 ```
 
+#### Resize images with inline styles
+
+To resize images using inline styles, use the `style` attribute with double curly braces:
+
+```html
+<img 
+  src="/images/architecture.png" 
+  style={{width: "450px"}} 
+  alt="Architecture diagram"
+/>
+```
+
+You can also control height:
+
+```html
+<img 
+  src="/images/screenshot.png" 
+  style={{height: "200px"}} 
+  alt="Screenshot"
+/>
+```
+
 #### Disable zoom functionality
 
 To disable the default zoom on click for images, add the `noZoom` property:

From b16fa55ccda88297ce6d26e98664f537e814ea9e Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Mon, 20 Oct 2025 13:38:43 -0700
Subject: [PATCH 2/4] update examples

---
 create/image-embeds.mdx | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/create/image-embeds.mdx b/create/image-embeds.mdx
index 58994e671..dba68f5e4 100644
--- a/create/image-embeds.mdx
+++ b/create/image-embeds.mdx
@@ -35,34 +35,24 @@ Image files must be less than 20 MB. For larger files, host them on a CDN servic
 
 For more control over image display, use HTML `<img>` tags:
 
-```html
+```jsx
 <img 
   src="/images/dashboard.png" 
   alt="Main dashboard interface"
-  height="300"
+  style={{ height: "300px" }}
   className="rounded-lg"
 />
 ```
 
 #### Resize images with inline styles
 
-To resize images using inline styles, use the `style` attribute with double curly braces:
+Use the `style` attribute to resize images.
 
-```html
+```jsx
 <img 
   src="/images/architecture.png" 
-  style={{width: "450px"}} 
-  alt="Architecture diagram"
-/>
-```
-
-You can also control height:
-
-```html
-<img 
-  src="/images/screenshot.png" 
-  style={{height: "200px"}} 
-  alt="Screenshot"
+  style={{width: "450px", height: "auto"}}
+  alt="Diagram showing the architecture of the system"
 />
 ```
 

From 5957101950c62166af818e7e8db60b9d1c629f27 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Mon, 20 Oct 2025 13:42:49 -0700
Subject: [PATCH 3/4] update examples

---
 create/image-embeds.mdx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/create/image-embeds.mdx b/create/image-embeds.mdx
index dba68f5e4..607c44509 100644
--- a/create/image-embeds.mdx
+++ b/create/image-embeds.mdx
@@ -46,11 +46,11 @@ For more control over image display, use HTML `<img>` tags:
 
 #### Resize images with inline styles
 
-Use the `style` attribute to resize images.
+Use JSX inline styles with the `style` attribute to resize images:
 
 ```jsx
-<img 
-  src="/images/architecture.png" 
+<img
+  src="/images/architecture.png"
   style={{width: "450px", height: "auto"}}
   alt="Diagram showing the architecture of the system"
 />
@@ -64,8 +64,7 @@ To disable the default zoom on click for images, add the `noZoom` property:
 <img 
   src="/images/screenshot.png" 
   alt="Descriptive alt text"
-  noZoom 
-  height="200"
+  noZoom
 />
 ```
 
@@ -78,8 +77,7 @@ To make an image a clickable link, wrap the image in an anchor tag and add the `
   <img 
     src="/images/logo.png" 
     alt="Mintlify logo"
-    noZoom 
-    height="100"
+    noZoom
   />
 </a>
 ```

From 381f180d5b143e5c5d1bca040f57afa002bf7401 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Mon, 20 Oct 2025 13:44:08 -0700
Subject: [PATCH 4/4] spacing

---
 create/image-embeds.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/create/image-embeds.mdx b/create/image-embeds.mdx
index 607c44509..f99435dc6 100644
--- a/create/image-embeds.mdx
+++ b/create/image-embeds.mdx
@@ -39,7 +39,7 @@ For more control over image display, use HTML `<img>` tags:
 <img 
   src="/images/dashboard.png" 
   alt="Main dashboard interface"
-  style={{ height: "300px" }}
+  style={{height: "300px", width: "400px"}}
   className="rounded-lg"
 />
 ```