fix(community-preview-card): fix issue where card creates margin

telus · May 13, 2019 · 294df6f · 294df6f
1 parent fbf87e2
commit 294df6f
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/PreviewCard/PreviewCard.jsx b/packages/PreviewCard/PreviewCard.jsx
@@ -28,6 +28,7 @@ const BoxContainer = styled.div`
   &:hover {
     box-shadow: 0 0 16px 0 rgba(213, 213, 213, 0.5);
   }
+  display: inline-block;
 `
 
 const ContentContainer = styled.div`
@@ -39,6 +40,11 @@ const ImageContainer = styled.div`
   width: ${props => (props.header || props.footer ? '100%' : '268px')};
   overflow: hidden;
   line-height: 0px;
+  max-height: 250px;
+  @media (max-width: 992px) {
+    height: auto;
+    width: 100%;
+  }
   & > img {
     transition: all 0.3s ease-in-out;
     &:hover {