style: add responsive layout for main index on small screens

bjohansebas · bjohansebas · commit a13eed5c7ef2 · 2025-04-27T18:41:37.000-05:00
Signed-off-by: Sebastian Beltran &lt;bjohansebas@gmail.com&gt;
diff --git a/template/css/index.css b/template/css/index.css
@@ -94,3 +94,8 @@ main {
   }
 }
 
+@media screen and (max-width: 690px) {
+  #main-index {
+    grid-template-areas: "issues" "users";
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -94,3 +94,8 @@ main {`
`94`	`94`	`}`
`95`	`95`	`}`
`96`	`96`
	`97`	`+@media screen and (max-width: 690px) {`
	`98`	`+ #main-index {`
	`99`	`+ grid-template-areas: "issues" "users";`
	`100`	`+ }`
	`101`	`+}`