From 6f32d605ba6a63f4e7a6b0f27a10d78ffb62ea7c Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 22 Jun 2022 17:14:22 -0400
Subject: [PATCH] UX: improve group page grid sizes (#17208)

---
 app/assets/stylesheets/common/base/groups.scss | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index 56857f05f34..eb48dab34be 100644
--- a/app/assets/stylesheets/common/base/groups.scss
+++ b/app/assets/stylesheets/common/base/groups.scss
@@ -29,18 +29,10 @@
 .groups-boxes {
   display: grid;
   grid-gap: 1em;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
   margin: 1em 0;
   width: 100%;
 
-  @include breakpoint("medium") {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  @include breakpoint("mobile-extra-large") {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
   .group-box {
     display: flex;
     box-sizing: border-box;