From 2316fd5b29d5d4c62aa2ec5fc03f233e64db6415 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Fri, 13 Jan 2023 15:33:54 +0200
Subject: [PATCH] Issue #3328593 by Wongjn, mherchel, andy-blum: Responsive
 grid children overflow when min-width is greater than container width

---
 core/modules/views/css/views-responsive-grid.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/core/modules/views/css/views-responsive-grid.css b/core/modules/views/css/views-responsive-grid.css
index 352837182441..5d754cc35b00 100644
--- a/core/modules/views/css/views-responsive-grid.css
+++ b/core/modules/views/css/views-responsive-grid.css
@@ -15,9 +15,10 @@
   --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
   --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
   --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
+  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width)); /* Ensure that cell minimum width does not overflow container. */
 
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid--cell-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
   gap: var(--views-responsive-grid--layout-gap);
 }
 
-- 
GitLab