made the encouraging turtle bigger

uclaacm · Oct 24, 2023 · 6716433 · 6716433
1 parent 9500ea6
commit 6716433
Show file tree

Hide file tree

Showing 5 changed files with 567 additions and 381 deletions.
diff --git a/src/components/shared/Congratulations.tsx b/src/components/shared/Congratulations.tsx
@@ -31,7 +31,7 @@ function CongratsPage(): JSX.Element {
         </div>
       </div>
 
-      <div id="encouraging-turtle">
+      <div id="encouraging-turtle-congratulations">
         <img src={encouragingTurtle} alt="turtle image" id="turtle-picture" />
       </div>
 

diff --git a/src/components/shared/Exercises/UnitCircleInput.tsx b/src/components/shared/Exercises/UnitCircleInput.tsx
@@ -6,6 +6,7 @@ function UnitCircleInput(): JSX.Element {
     <div id="unitcircle-question-container">
       <div id="unitcircle-check-question">
         Type the correct numbers into the blanks below!
+
       </div>
 
       <div id="unitcircle-check-question">

diff --git a/src/styles/Congratulations.scss b/src/styles/Congratulations.scss
@@ -71,7 +71,7 @@
   transform: translate(-55%, -45%);
 }
 
-#encouraging-turtle {
+#encouraging-turtle-congratulations {
   bottom: 3vh;
   height: 13.69vh;
   left: 2vh;

diff --git a/src/styles/LessonSide.scss b/src/styles/LessonSide.scss
@@ -62,10 +62,12 @@
 }
 
 #encouraging-turtle {
+  box-sizing: border-box;
   align-items: flex-end;
   display: flex;
   padding: 5vh;
-  width: calc(100px + 15vw);
+  width: 100%;
+  height: auto;
 }
 
 #footer-space {
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,7 +31,7 @@ function CongratsPage(): JSX.Element { @@
             </div>
           </div>
-          <div id="encouraging-turtle">
+          <div id="encouraging-turtle-congratulations">
             <img src={encouragingTurtle} alt="turtle image" id="turtle-picture" />
           </div>
@@ Expand Down @@