fix more css

src/components/Challenge/challengeCard.scss

 @import '../../styles/base/color';
 
 .slide {
-  margin: 1rem 1rem 1rem 0;
+  margin: 0 1rem 0 0;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
   border-radius: 4px;
   transition: all 300ms ease;
@@ -19,7 +19,7 @@
     width: 100%;
     height: inherit;
     box-sizing: border-box;
-    padding: 5% 10%;
+    padding: 1rem;
     transition: all 300ms ease;
     border-radius: 4px;
   }

src/components/Challenge/challengeCardDone.scss

@@ -10,7 +10,6 @@
     justify-content: space-between;
     gap: 1rem;
     align-items: center;
-    padding: 5% !important;
 
     .challengeName {
       text-align: center;

src/components/Challenge/challengeCardOnGoing.scss

@@ -13,6 +13,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  gap: 1rem;
 }
 .titleBlock {
   position: absolute;
@@ -33,8 +34,7 @@
   background: $grey-linear-gradient-background;
   height: 24%;
   max-height: 90px;
-  margin: 0.5rem 0;
-  padding: 8%;
+  padding: 1rem;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
   border-radius: 4px;
   color: $grey-bright;