UX: switch user lists on /about to auto-fill (#36228)

awesomerobot · web-flow · commit a5221199816d · 2025-11-25T13:18:53.000-05:00
Using `auto-fill` instead of `auto-fit` here will preserve column consistency across separate groups better, while still allowing column count to change automatically when needed at various widths Before: <img width="1524" height="642" alt="image" src="https://github.com/user-attachments/assets/b1154bff-ab78-4fe8-a9c0-cd75799cefbf" /> After: <img width="1564" height="674" alt="image" src="https://github.com/user-attachments/assets/19529ae1-4fc6-4c2e-a95e-48de02805d65" />
diff --git a/app/assets/stylesheets/common/base/about.scss b/app/assets/stylesheets/common/base/about.scss
@@ -122,7 +122,7 @@
 .about-page-users-list {
   display: grid;
   gap: 1em;
-  grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
 
   &__expand-button {
     width: 100%;
