IE11 fixes

app/modules/discover/components/featured-projects/featured-projects.scss

@@ -12,6 +12,7 @@
 .featured-projects-inner {
     align-items: stretch;
     display: flex;
+    flex-grow: 0;
     flex-wrap: wrap;
     justify-content: space-between;
 }
@@ -20,6 +21,8 @@
     @include project-card;
     display: flex;
     flex-basis: 23%;
+    flex-wrap: wrap;
+    max-width: 23%;
     @include breakpoint(tablet) {
         flex-basis: 45%;
     }

app/modules/discover/components/highlighted/highlighted.scss

@@ -50,10 +50,6 @@
         display: inline-block;
         margin: 0;
     }
-    tg-highlighted {
-        display: flex;
-        flex: 1;
-    }
     .highlighted-projects-container {
         display: flex;
         flex: 1;

app/styles/components/estimation.scss

@@ -10,6 +10,7 @@
         flex: 1;
         justify-content: space-between;
         margin-bottom: .1rem;
+        min-height: 2rem;
         padding: .5rem 1rem;
         position: relative;
         transition: color .3s linear;

app/styles/dependencies/mixins/project-card.scss

@@ -13,6 +13,8 @@
         padding: 1rem;
         display: flex;
         flex-direction: column;
+        flex-wrap: wrap;
+        width: 100%;
     }
     .project-card-description {
         @extend %small;
@@ -43,12 +45,13 @@
         }
     }
     .project-card-header {
-        align-items: flex-start;
         display: flex;
+        flex-grow: 0;
     }
     .project-card-logo {
         flex-basis: 50px;
         min-width: 50px;
+        height: 50px;
         margin-right: .5rem;
         img {
             width: 100%;