🎨 Adjust responsive grid layout for control groups and collapsible groups

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;
   }
 }