adjust resource graphic for mobile.

nisarhassan12 · nisarhassan12 · commit 82b5012613e8 · 2020-12-07T22:34:45.000+05:00
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;
       }
     }
   }

Original file line number	Diff line number	Diff line change
@@ -73,6 +73,7 @@ const StyledPowerComparison = styled.div`
`73`	`73`
`74`	`74`	`@media (max-width: 470px) {`
`75`	`75`	`width: 8rem;`
	`76`	`+ padding-bottom: 1rem;`
`76`	`77`	`}`
`77`	`78`
`78`	`79`	`@media (max-width: 360px) {`
@@ -106,7 +107,7 @@ const StyledPowerComparison = styled.div`
`106`	`107`	`}`
`107`	`108`
`108`	`109`	`&--3 {`
`109`		`- height: 15rem;`
	`110`	`+ height: 16rem;`
`110`	`111`	`background: ${colors.link};`
`111`	`112`
`112`	`113`	`@media (max-width: 470px) {`
@@ -119,7 +120,7 @@ const StyledPowerComparison = styled.div`
`119`	`120`	`background: ${colors.lightBlue};`
`120`	`121`
`121`	`122`	`@media (max-width: 470px) {`
`122`		`- height: 16rem;`
	`123`	`+ height: 24rem;`
`123`	`124`	`}`
`124`	`125`	`}`
`125`	`126`	`}`