Update main size on smaller screen #281

sylhare · sylhare · commit cb8c7592044d · 2021-06-16T15:48:26.000-04:00
diff --git a/_sass/base/_variables.scss b/_sass/base/_variables.scss
@@ -24,7 +24,7 @@ $l-break: 1400px;
 $m-break: 1000px;
 $break: 768px;
 $sm-break: 576px;
-$x-sm-break: 300px;
+$x-sm-break: 320px;
 
 /* BASE16 HIGHLIGHT */
 // Material Theme
diff --git a/_sass/layouts/_blog.scss b/_sass/layouts/_blog.scss
@@ -26,7 +26,11 @@
   }
 
   @media screen and (max-width: $sm-break) {
-    background-size: 400% auto;
+    background-size: 250% auto;
+  }
+
+  @media screen and (max-width: $x-sm-break) {
+    background-size: 300% auto;
   }
 
   p:last-child {

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,11 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`@media screen and (max-width: $sm-break) {`
`29`		`- background-size: 400% auto;`
	`29`	`+ background-size: 250% auto;`
	`30`	`+ }`
	`31`	`+`
	`32`	`+ @media screen and (max-width: $x-sm-break) {`
	`33`	`+ background-size: 300% auto;`
`30`	`34`	`}`
`31`	`35`
`32`	`36`	`p:last-child {`