adjust resource graphic for mobile.

gitpod-io · Dec 7, 2020 · 82b5012 · 82b5012
1 parent c4426e6
commit 82b5012
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/gitpod-vs-codespaces/PowerComparison.tsx b/src/components/gitpod-vs-codespaces/PowerComparison.tsx
@@ -73,6 +73,7 @@ const StyledPowerComparison = styled.div`
 
     @media (max-width: 470px) {
       width: 8rem;
+      padding-bottom: 1rem;
     }
 
     @media (max-width: 360px) {
@@ -106,7 +107,7 @@ const StyledPowerComparison = styled.div`
     }
 
     &--3 {
-      height: 15rem;
+      height: 16rem;
       background: ${colors.link};
 
       @media (max-width: 470px) {
@@ -119,7 +120,7 @@ const StyledPowerComparison = styled.div`
       background: ${colors.lightBlue};
 
       @media (max-width: 470px) {
-        height: 16rem;
+        height: 24rem;
       }
     }
   }