Let hero stats cards auto-expand to fit long values.

Replace fixed mobile widths and equal grid columns with content-sized cards so figures like GHS balances and storage sizes are never clipped.
2026-07-24 14:54:02 +00:00
parent 301e91309f
commit f7eed690ab
2 changed files with 12 additions and 6 deletions
@@ -101,7 +101,10 @@ html.qr-mobile-page body {
 }

 .mobile-stats-card {
-    width: calc(66.666667% - 0.5rem);
+    width: max-content;
+    min-width: 9rem;
+    max-width: none;
+    box-sizing: border-box;
 }

@layer components {
@@ -161,7 +164,10 @@ html.qr-mobile-page body {

@media (min-width: 640px) {
    .mobile-stats-card {
-        width: auto;
+        width: max-content;
+        min-width: 9rem;
+        max-width: none;
+        flex: 1 1 auto;
    }
 }