Switch presence control grid from breakpoints to CSS grid

bkd-mba-fbi · Dec 16, 2024 · 9834b9b · 9834b9b
1 parent d4b94a5
commit 9834b9b
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/...pp/presence-control/components/presence-control-list/presence-control-list.component.scss b/...pp/presence-control/components/presence-control-list/presence-control-list.component.scss
@@ -10,18 +10,14 @@ bkd-presence-control-entry {
  * Grid view mode (default layout is list view mode)
  */
 .entries.view-mode-grid {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fill,
+    minmax($bkd-presence-control-entry-min-width, 1fr)
+  );
 
   > * {
-    width: 100%;
-
-    @for $i from 1 through 6 {
-      @media (min-width: $bkd-presence-control-entry-min-width * $i) {
-        width: percentage(math.div(1, $i));
-        border-right: 1px solid $border-color;
-      }
-    }
+    border-right: 1px solid $border-color;
   }
 }