processing · Its-sunny69 · Mar 3, 2025 · Mar 6, 2025 · Mar 12, 2025 · Mar 12, 2025
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,6 +35,7 @@
     "js-yaml": "^4.1.0",
     "keyword-extractor": "^0.0.28",
     "lodash": "^4.17.21",
+    "p5.js-website": "file:",
     "preact": "^10.19.5",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3",

diff --git a/src/components/CodeEmbed/frame.tsx b/src/components/CodeEmbed/frame.tsx
@@ -165,9 +165,8 @@ export const CodeFrame = (props: CodeFrameProps) => {
         sandbox="allow-scripts allow-popups allow-modals allow-forms allow-same-origin"
         aria-label="Code Preview"
         title="Code Preview"
-        height={props.height}
-        width={props.width}
         loading={props.lazyLoad ? "lazy" : "eager"}
+        style={{width: "100%", height: "100%"}}
       />
     </div>
   );