better progress bar (#58)

Author: alecF2

src/components/doe/progressBar.tsx

@@ -25,10 +25,7 @@ const ProgressBar = () => {
 
   return (
     <div className={styles.container}>
-      <MiniTruck
-        style={{ left: `calc(${progress}% - ${progress * 1.15}px)` }}
-        // style={{ left: `calc(${progress}% - 32%)` }}
-      />
+      <MiniTruck style={{ left: `calc(${progress}% - 26%)` }} />
       <div className={styles.flag}>
         <FlagPole />
         <Flag style={{ bottom: `calc(${progress * 0.52}% + 13%)` }} />

src/styles/doe/progressBar.module.scss

@@ -11,13 +11,9 @@
   margin: auto;
 
   > svg {
-    width: 80px;
+    width: 21%;
     height: auto;
     position: relative;
-
-    @include lg {
-      width: 121px;
-    }
   }
 
   @include lg {