fix/ title card challenges in small heights

src/components/Challenge/challengeCardDone.scss

 @import '../../styles/base/typo-variables';
 @import '../../styles/base/color';
 
-.cardDone {
-  border: 1px solid $grey-bright;
-  border-radius: 4px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: center;
-  .challengeName,
-  .labelResult {
-    margin-bottom: 1rem;
-  }
-  .iconResult {
+.cardContent {
+  &.cardDone {
+    border: 1px solid $grey-bright;
+    border-radius: 4px;
     display: flex;
-    @media all and(max-height: 700px) {
-      width: 55%;
-      margin: auto;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+
+    .iconResult {
+      display: flex;
+      @media all and(max-height: 700px) {
+        width: 55%;
+        margin: auto;
+      }
+    }
+    .imgResult {
+      width: 100%;
+      height: 100%;
+    }
+    .labelResult {
+      font-weight: bold;
+      font-size: 24px;
+      line-height: 120%;
+    }
+    .win {
+      color: $gold;
+    }
+    .lost {
+      color: $red-primary;
+    }
+    .statsResult {
+      text-align: center;
     }
-  }
-  .imgResult {
-    width: 100%;
-    height: 100%;
-  }
-  .labelResult {
-    font-weight: bold;
-    font-size: 24px;
-    line-height: 120%;
-  }
-  .win {
-    color: $gold;
-  }
-  .lost {
-    color: $red-primary;
-  }
-  .statsResult {
-    text-align: center;
   }
 }