From 75e13de5bc6f99b04f532bd70c68990442b207d0 Mon Sep 17 00:00:00 2001 From: Jonas de Luna Skulberg Date: Sat, 2 Nov 2024 15:03:33 +0100 Subject: [PATCH] Update achievement styling from flex to grid --- .../UserProfile/UserProfile.module.css | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/app/routes/users/components/UserProfile/UserProfile.module.css b/app/routes/users/components/UserProfile/UserProfile.module.css index bcc449fd22..3d805754f8 100644 --- 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)); } }