fix

holtzy · Nov 12, 2024 · fd4559f · fd4559f
1 parent 2cb13cc
commit fd4559f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/component/CodeSandbox.tsx b/component/CodeSandbox.tsx
@@ -19,6 +19,8 @@ export const CodeSandbox = ({
     '?fontsize=14&hidenavigation=1&theme=dark&expanddevtools=0&view=split' +
     (fileToOpen ? `&module=/${fileToOpen}` : '');
 
+  console.log('rerendeeeerrrrr');
+
   return (
     <iframe
       src={url}

diff --git a/pages/course/svg/introduction.tsx b/pages/course/svg/introduction.tsx
@@ -340,7 +340,7 @@ const exercices: Exercise[] = [
         <p>
           Add some <b>inline style</b> to the svg area below. Use the{' '}
           <code>backgroundColor</code>
-          property to change the background to <code>yellow</code>.
+          property to change the background to <code>grey</code>.
         </p>
       </>
     ),

diff --git a/viz/exercise/SvgThreeCirclesPractice/SvgDrawing.tsx b/viz/exercise/SvgThreeCirclesPractice/SvgDrawing.tsx
@@ -1,6 +1,6 @@
 export const SvgDrawing = () => {
   return (
-    <svg width={500} height={300}>
+    <svg width={300} height={300}>
       {/* circles goes here */}
     </svg>
   );

diff --git a/viz/exercise/SvgThreeCirclesSolution/SvgDrawing.tsx b/viz/exercise/SvgThreeCirclesSolution/SvgDrawing.tsx
@@ -1,8 +1,8 @@
 export const SvgDrawing = () => {
   return (
-    <svg width={500} height={300}>
+    <svg width={300} height={300}>
       <circle cx={20} cy={20} r={25} fill="red" />
-      <circle cx={500 - 19} cy={500 - 19} r={25} fill="blue" />
+      <circle cx={300 - 19} cy={300 - 19} r={25} fill="blue" />
       <circle cx={43} cy={300 - 12} r={25} fill="pink" />
     </svg>
   );