Merge pull request topcoder-archive#1017 from shubhendusaurabh/issue-994

fixed topcoder-archive#994 challenge cards in mobile

Author: birdofpreyru

assets/css/directives/challenge-tile.scss

@@ -111,6 +111,7 @@ challenge-tile .challenge.tile-view {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    padding: 12px 0;
     flex: 2;
   }
 
@@ -280,6 +281,12 @@ challenge-tile .challenge.tile-view {
   }
 
 
+  @media only screen and (max-width: 768px) {
+    .active-challenge {
+      height: auto;
+      margin: auto;
+    }
+  }
   .completed-challenge {
     height: 390px;
     display: flex;

assets/css/my-dashboard/my-challenges.scss

@@ -131,7 +131,10 @@
     }
 
     .challenges {
-      @include horizontal-scroll;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 0;
 
       &.tile-view, &.list-view {
         @media only screen and (min-width: 768px) {
@@ -168,7 +171,6 @@
         margin-bottom: 15px;
         @media only screen and (max-width: 767px) {
           display: inline-block;
-          margin-left: 15px;
 
           &:first-child {
             margin-left: 0;