fix(homepage): responsiveness bug (#455)

danielgolden · web-flow · commit 18c0b3190ac8 · 2020-06-17T10:35:26.000-04:00
diff --git a/src/pages/home-page.module.scss b/src/pages/home-page.module.scss
@@ -506,7 +506,7 @@ img.play-button {
   }
 }
 
-@media screen and (max-width:xzF 480px) {
+@media screen and (max-width: 480px) {
   .hero-container {
     margin-top: 24px;
   }
@@ -530,6 +530,12 @@ img.play-button {
   }
 }
 
+@media screen and (max-width: 375px) {
+    .homepage-hero-heading {
+      font-size: 28px; 
+    }   
+}
+
 // ==============================================================
 // Dark mode
 // ==============================================================

Original file line number	Diff line number	Diff line change
`@@ -506,7 +506,7 @@ img.play-button {`
`506`	`506`	`}`
`507`	`507`	`}`
`508`	`508`
`509`		`-@media screen and (max-width:xzF 480px) {`
	`509`	`+@media screen and (max-width: 480px) {`
`510`	`510`	`.hero-container {`
`511`	`511`	`margin-top: 24px;`
`512`	`512`	`}`
`@@ -530,6 +530,12 @@ img.play-button {`
`530`	`530`	`}`
`531`	`531`	`}`
`532`	`532`
	`533`	`+@media screen and (max-width: 375px) {`
	`534`	`+ .homepage-hero-heading {`
	`535`	`+ font-size: 28px;`
	`536`	`+ }`
	`537`	`+}`
	`538`	`+`
`533`	`539`	`// ==============================================================`
`534`	`540`	`// Dark mode`
`535`	`541`	`// ==============================================================`