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:53:13 +00:00
parent 5d642900c5
commit c86e353c98
3 changed files with 16 additions and 10 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;
    }
 }