Merge pull request #550 from appirio-tech/sup-2409-iphone-bugs

Remove flex on mobile and add vertical align

Author: nlitwin

assets/css/my-dashboard/programs.scss

@@ -30,10 +30,10 @@
 
     .badge-and-challenges {
       @include horizontal-scroll;
-      display: flex;
-      flex-direction: row;
       @media only screen and (min-width: 768px) {
-        flex-wrapper: wrap;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
         margin: 0 auto;
         overflow: visible;
         white-space: normal;
@@ -49,6 +49,7 @@
 
     .registered-badge {
       display: inline;
+      vertical-align: top;
       height: 370px;
       min-width: 270px;
       border: 1px solid #DCDCDC;