Merge pull request #8 from TheCodeRaccoons/te-taking-project

Te taking project

Author: JorchCortez

src/Components/Skills/SkillContainer/SkillContainer.css

@@ -44,7 +44,7 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    padding-top: 1rem;
+    padding-top: 2.5rem;
     font-size: 1.25em;
     width: 100%;
     height: 80%;
@@ -71,11 +71,11 @@
 
 .skill-container__progress-fill {
     height: 100%;
-    background: linear-gradient(90deg, #4caf50, #81c784);
+    background: linear-gradient(90deg, #A8511B, #CC7625);
     border-radius: 4px;
     transition: width 0.3s ease;
     min-width: 2px;
-    box-shadow: 0 0 8px rgba(76, 175, 80, 0.5);
+    box-shadow: 0 0 8px rgba(168, 81, 27, 0.5);
 }
 
 .skill-container__icon {

src/Components/Skills/SkillContainer/SkillContainer.tsx

@@ -48,7 +48,7 @@ const Skills = ({
                             }}
                         ></div>
                     </div>
-                    {xpToNextLevel > 0 ? `XP to next level: ${xpToNextLevel}` : "Max Level Reached"}
+                    {xpToNextLevel > 0 ? `${xpToNextLevel}XP to next level` : "Max Level Reached"}
                     {/* {xp} / {levelInfo.val} */}
                 </div>
             </div>