FIX: make feature items stack on small screen

ellaestigoy · ellaestigoy · commit 4a6e143fb433 · 2023-09-02T01:44:23.000-06:00
diff --git a/app/assets/stylesheets/common/admin/dashboard.scss b/app/assets/stylesheets/common/admin/dashboard.scss
@@ -667,6 +667,11 @@
     &.three-or-more-items {
       grid-template-columns: repeat(3, 1fr);
       grid-auto-rows: minmax(160px, auto);
+
+      @media screen and (max-width: 750px) {
+        grid-template-columns: repeat(1, 1fr);
+        grid-auto-rows: minmax(120px, auto);
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -667,6 +667,11 @@`
`667`	`667`	`&.three-or-more-items {`
`668`	`668`	`grid-template-columns: repeat(3, 1fr);`
`669`	`669`	`grid-auto-rows: minmax(160px, auto);`
	`670`	`+`
	`671`	`+ @media screen and (max-width: 750px) {`
	`672`	`+ grid-template-columns: repeat(1, 1fr);`
	`673`	`+ grid-auto-rows: minmax(120px, auto);`
	`674`	`+ }`
`670`	`675`	`}`
`671`	`676`	`}`
`672`	`677`