Product Page: Fix overflow on faculty info boxes (#1945)

mitodl · Oct 6, 2023 · 6312275 · 6312275
1 parent bf7a50d
commit 6312275
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/frontend/public/scss/product-faculty-members.scss b/frontend/public/scss/product-faculty-members.scss
@@ -19,16 +19,21 @@
 
     width: calc(50% - 44px);
     margin: 0 22px 24px;
+    min-width: min-content;
 
     .member-card {
       padding: 24px;
-      overflow: hidden;
       border-radius: 4px !important;
       box-shadow: 0 1px 0 0 rgb(0 0 0 / 12%);
+      display: flex;
+
+      @include media-breakpoint-down(sm) {
+        display: block;
+      }
 
       .member-info {
-        overflow: hidden;
         margin-top: 7px;
+        display: flow-root;
 
         @include media-breakpoint-down(md) {
           margin-top: 20px;
@@ -59,12 +64,11 @@
       width: 110px;
       border-radius: 50%;
       object-fit: cover;
-      margin-right: 24px;
+      margin: 0 24px 20px 0;
 
       @include media-breakpoint-down(sm) {
         display: block;
         float: none;
-        margin: 0 auto 10px;
       }
     }
   }