From 83353118ef1e06e3a848c4ea6dd3c16109678c48 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@lekoala.be>
Date: Fri, 20 Aug 2021 15:17:45 +0200
Subject: [PATCH] demo should look better on mobile

---
 demo.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/demo.html b/demo.html
index 1268109..6d129e7 100644
--- 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>