Update Combobox.tsx

Author: mythz

src/gallery/pages/Combobox.tsx

@@ -24,23 +24,23 @@ function ComboboxContent() {
         code={`<div className="grid grid-cols-12 gap-6">
   <Combobox
     id="Strings"
-    className="col-span-4"
+    className="col-span-12 xl:col-span-3"
     label="Strings"
     value={strings}
     onChange={setStrings}
     values={['Alpha','Bravo','Charlie']}
   />
   <Combobox
     id="Object"
-    className="col-span-4"
+    className="col-span-12 xl:col-span-3"
     label="Object"
     value={objects}
     onChange={setObjects}
     options={{ A:'Alpha', B:'Bravo', C:'Charlie' }}
   />
   <Combobox
     id="Pairs"
-    className="col-span-4"
+    className="col-span-12 xl:col-span-6"
     value={pairs}
     onChange={setPairs}
     label="Multiple from Pairs"
@@ -54,7 +54,7 @@ function ComboboxContent() {
 </div>`}
       >
         <div className="grid grid-cols-12 gap-6">
-          <div className="col-span-4">
+          <div className="col-span-12 xl:col-span-3">
             <Combobox
               id="Strings"
               label="Strings"
@@ -67,7 +67,7 @@ function ComboboxContent() {
             </div>
           </div>
 
-          <div className="col-span-4">
+          <div className="col-span-12 xl:col-span-3">
             <Combobox
               id="Object"
               label="Object"
@@ -80,7 +80,7 @@ function ComboboxContent() {
             </div>
           </div>
 
-          <div className="col-span-4">
+          <div className="col-span-12 xl:col-span-6">
             <Combobox
               id="Pairs"
               value={pairs}