64 minor update fix encouraging turtle (#70)

* made the encouraging turtle bigger * made lesson side turtle bigger * Attempt to fix yarn actions issues #64 --------- Co-authored-by: Jonah Paten <[email protected]>
uclaacm · Nov 1, 2023 · 4696aed · 4696aed
1 parent fcd3407
commit 4696aed
Show file tree

Hide file tree

Showing 4 changed files with 253 additions and 141 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/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
@@ -63,9 +63,11 @@
 
 #encouraging-turtle {
   align-items: flex-end;
+  box-sizing: border-box;
   display: flex;
+  height: auto;
   padding: 5vh;
-  width: calc(100px + 15vw);
+  width: 100%;
 }
 
 #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 @@