Merge pull request #2561 from NilsKaden/bugfix/page-width-overflow-mo…

…bile-2553 resolve width overflow on mobile [Fixes #2553]
ethereum · Mar 9, 2021 · e4c56b5 · e4c56b5
2 parents 4a71691 + a2552a6
commit e4c56b5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/templates/use-cases.js b/src/templates/use-cases.js
@@ -296,11 +296,13 @@ const Image = styled(Img)`
   flex: 1 1 100%;
   background-size: cover;
   background-repeat: no-repeat;
-  margin-left: 2rem;
   right: 0;
   bottom: 0;
   background-size: cover;
   max-width: ${(props) => (props.useCase === "dao" ? `572px` : `640px`)};
+  @media (min-width: ${(props) => props.theme.breakpoints.m}) {
+    margin-left: 2rem;
+  }
   @media (max-width: ${(props) => props.theme.breakpoints.l}) {
     width: 100%;
     height: 100%;