Merge pull request creativecommons#837 from SumaiyaaRq/fix/heading-overflow-in-small-screens

TimidRobot · web-flow · commit 5935a9b22c44 · 2024-11-05T08:24:07.000-08:00
BugFix: Fixes Heading Overflow in  mobile devices
diff --git a/webpack/sass/home-page.scss b/webpack/sass/home-page.scss
@@ -7,6 +7,13 @@
     @extend .padding-horizontal-big;
     .has-text-orange{
       color:rgb(251 119 41);
+      }
+      
+    @media(max-width:530px) {
+      h1{
+      font-size: 2.8rem;
+      line-height: 1.2;
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,13 @@`
`7`	`7`	`@extend .padding-horizontal-big;`
`8`	`8`	`.has-text-orange{`
`9`	`9`	`color:rgb(251 119 41);`
	`10`	`+ }`
	`11`	`+`
	`12`	`+ @media(max-width:530px) {`
	`13`	`+ h1{`
	`14`	`+ font-size: 2.8rem;`
	`15`	`+ line-height: 1.2;`
	`16`	`+ }`
`10`	`17`	`}`
`11`	`18`	`}`
`12`	`19`