Merge pull request coderdojo-kisarazu#10 from naoji3x/hotfixes/fix-sc…

…ratch-component fix: fix scratch component size
naoji3x · Apr 13, 2024 · 8982e42 · 8982e42
2 parents 215942b + 4f8c54c
commit 8982e42
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -208,12 +208,14 @@ const Scratch = ({
   title: string
   description: string
 }) => (
-  <div className="max-w-[485px] aspect-[7/6] w-full lg:w-1/2 lg:mb-0 mb-12 mx-auto">
-    <iframe
-      src={iframe}
-      allowTransparency={true}
-      className="mx-auto border-0 w-full h-full"
-    ></iframe>
+  <div className="w-full lg:w-1/2 lg:mb-0 mb-12 mx-auto">
+    <div className="max-w-[485px] aspect-[7/6] w-full mx-auto">
+      <iframe
+        src={iframe}
+        allowTransparency={true}
+        className="mx-auto border-0 w-full h-full"
+      ></iframe>
+    </div>
 
     <a
       className="text-blue-500 hover:underline"