docs: prevent horizontal scroll on mobile (#104)

web-padawan · web-flow · commit 4a5f4a29de2a · 2021-12-04T16:56:31.000+02:00
diff --git a/docs/_assets/home.css b/docs/_assets/home.css
@@ -15,6 +15,8 @@ body[layout^='layout-home'] main {
   padding-top: 0;
 }
 
-body[layout^='layout-home'] .reasons {
-  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+@media (min-width: 480px) {
+  body[layout^='layout-home'] .reasons {
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,8 @@ body[layout^='layout-home'] main {`
`15`	`15`	`padding-top: 0;`
`16`	`16`	`}`
`17`	`17`
`18`		`-body[layout^='layout-home'] .reasons {`
`19`		`- grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));`
	`18`	`+@media (min-width: 480px) {`
	`19`	`+ body[layout^='layout-home'] .reasons {`
	`20`	`+ grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));`
	`21`	`+ }`
`20`	`22`	`}`