Merge pull request #5139 from webkom/feat-update-achievement-styling

Update achievement styling to be better
webkom · Nov 3, 2024 · f195244 · f195244
2 parents 25d8564 + 75e13de
commit f195244
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/app/routes/users/components/UserProfile/UserProfile.module.css b/app/routes/users/components/UserProfile/UserProfile.module.css
@@ -115,20 +115,14 @@
   box-shadow: var(--shadow-xs);
   border-radius: var(--spacing-md);
   border: 1.5px solid var(--border-gray);
-  display: flex;
-  align-items: baseline;
+  display: grid;
   gap: var(--spacing-md);
   min-width: 100%;
-  flex-wrap: wrap;
-  justify-content: center;
-}
+  align-items: baseline;
+  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
 
-@media (--mobile-device) {
-  .trophyCaseBox {
-    display: flex;
-    flex-direction: row;
-    align-items: baseline;
-    justify-content: center;
+  @media (--mobile-device) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }