demo should look better on mobile

lekoala · Aug 20, 2021 · 8335311 · 8335311
1 parent 6698a72
commit 8335311
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/demo.html b/demo.html
@@ -14,7 +14,7 @@
       <h1>Demo</h1>
       <form class="needs-validation" novalidate method="get" action="https://vercel-dumper.vercel.app/">
         <div class="row mb-3 g-3">
-          <div class="col-4">
+          <div class="col-md-4">
             <label for="validationTags" class="form-label">Tags</label>
             <select class="form-select" id="validationTags" name="tags[]" multiple>
               <option selected disabled hidden value="">Choose a tag...</option>
@@ -26,7 +26,7 @@ <h1>Demo</h1>
           </div>
         </div>
         <div class="row mb-3 g-3">
-          <div class="col-4">
+          <div class="col-md-4">
             <label for="validationTagsClear" class="form-label">Tags (allow clear)</label>
             <select class="form-select" id="validationTagsClear" name="tagsClear[]" multiple data-allow-clear="true">
               <option selected disabled hidden value="">Choose a tag...</option>
@@ -38,7 +38,7 @@ <h1>Demo</h1>
           </div>
         </div>
         <div class="row mb-3 g-3">
-          <div class="col-4">
+          <div class="col-md-4">
             <label for="validationTagsThreshold" class="form-label">Tags (allow clear + 0 threshold)</label>
             <select class="form-select" id="validationTagsThreshold" name="tagsClearThreshold[]" multiple data-allow-clear="true" data-suggestions-threshold="0">
               <option selected disabled hidden value="">Choose a tag...</option>
@@ -50,7 +50,7 @@ <h1>Demo</h1>
           </div>
         </div>
         <div class="row mb-3 g-3">
-          <div class="col-4">
+          <div class="col-md-4">
             <label for="validationTagsShow" class="form-label">Tags (show all)</label>
             <select class="form-select" id="validationTagsShow" name="tags_show[]" multiple data-show-all-suggestions="true">
               <option selected disabled hidden value="">Choose a tag...</option>
@@ -74,7 +74,7 @@ <h1>Demo</h1>
           </div>
         </div>
         <div class="row mb-3 g-3">
-          <div class="col-4">
+          <div class="col-md-4">
             <label for="validationTagsNew" class="form-label">Tags (allow new)</label>
             <select class="form-select" id="validationTagsNew" name="tags_new[]" multiple data-allow-new="true">
               <option selected disabled hidden value="">Choose a tag...</option>