fix: image alignment

carbon-design-system · May 28, 2019 · ed4558d · ed4558d
1 parent 5449ed7
commit ed4558d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/FeatureCard/feature-card.scss b/packages/gatsby-theme-carbon/src/components/FeatureCard/feature-card.scss
@@ -20,10 +20,8 @@
 
 .#{$prefix}--feature-card__img {
   position: relative;
-}
-
-.#{$prefix}--feature-card .gatsby-resp-image-wrapper {
-  margin-bottom: 0;
+  margin-left: -1px;
+  margin-right: -1px;
 }
 
 .#{$prefix}--feature-card:hover
@@ -73,3 +71,10 @@
     right: 0;
   }
 }
+
+// overrides for larger breakpoints
+.#{$prefix}--feature-card .gatsby-resp-image-wrapper {
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
+}