From f616cbc0b227e2925a96661c87ecdf9254e0c178 Mon Sep 17 00:00:00 2001 From: FragginWagon Date: Wed, 28 Jan 2026 18:50:21 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Adjust=20responsive=20grid=20lay?= =?UTF-8?q?out=20for=20control=20groups=20and=20collapsible=20groups?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pokedex.online/src/views/ChallongeTest.vue | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue index 5d7f285..a2c1689 100644 --- a/code/websites/pokedex.online/src/views/ChallongeTest.vue +++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue @@ -1023,13 +1023,19 @@ h2 { .controls-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: 1fr; gap: 1.5rem; } -@media (max-width: 768px) { +/* Allow regular control groups (non-collapsible) to be side-by-side at wider screens */ +@media (min-width: 769px) { .controls-grid { - grid-template-columns: 1fr; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + } + + /* Force collapsible groups to always span full width */ + .controls-grid .collapsible-group { + grid-column: 1 / -1; } }