From bdc42a3659341beb383b0a1c7e8a5be0473fe820 Mon Sep 17 00:00:00 2001
From: Robert Knight <robert@microbit.org>
Date: Fri, 22 Apr 2022 16:39:28 +0100
Subject: [PATCH] Fix image widths, maintain responsiveness

---
 src/common/documentation-styles.ts             | 2 +-
 src/documentation/ideas/IdeasDocumentation.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common/documentation-styles.ts b/src/common/documentation-styles.ts
index d440eb05c..2e7810752 100644
--- a/src/common/documentation-styles.ts
+++ b/src/common/documentation-styles.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: MIT
  */
 export const docStyles = {
-  "p,img": {
+  "p,h3": {
     maxWidth: "600px",
   },
 };
diff --git a/src/documentation/ideas/IdeasDocumentation.tsx b/src/documentation/ideas/IdeasDocumentation.tsx
index 56523de57..a7f940e0f 100644
--- a/src/documentation/ideas/IdeasDocumentation.tsx
+++ b/src/documentation/ideas/IdeasDocumentation.tsx
@@ -101,7 +101,7 @@ const ActiveLevel = ({
                   .fit("max")
                   .url()}
                 alt=""
-                width="100%"
+                width={600}
                 sx={{
                   aspectRatio: getAspectRatio(activeIdea.image.asset._ref),
                 }}