Update kitchen sink styles

Author: adamwathan

index.html

@@ -13,48 +13,48 @@
     <div class="antialiased text-gray-900 px-6">
       <div class="max-w-2xl mx-auto py-12">
         <div class="grid grid-cols-2 gap-4">
-          <div>
-            <label class="block mt-4">
+          <div class="grid grid-cols-1 gap-4">
+            <label class="block">
               <span class="text-gray-700">Input (text)</span>
               <input type="text" class="mt-1 block w-full" placeholder="john@example.com" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (email)</span>
               <input type="email" class="mt-1 block w-full" placeholder="john@example.com" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (range)</span>
               <input type="range" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (date)</span>
               <input type="date" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (datetime-local)</span>
               <input type="datetime-local" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (month)</span>
               <input type="month" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (number)</span>
               <input type="number" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (search)</span>
               <input type="search" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (time)</span>
               <input type="time" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (week)</span>
               <input type="week" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (email, multiple)</span>
               <input
                 type="email"
@@ -63,15 +63,15 @@
                 placeholder="john@example.com"
               />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (file)</span>
               <input type="file" class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Input (file)</span>
               <input type="file" multiple class="mt-1 block w-full" />
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Textarea</span>
               <textarea
                 class="mt-1 block w-full h-24"
@@ -80,7 +80,7 @@
               >
               </textarea>
             </label>
-            <div class="block mt-4">
+            <div class="block">
               <span class="text-gray-700">Checkboxes</span>
               <div class="mt-2">
                 <div>
@@ -104,15 +104,15 @@
               </div>
             </div>
           </div>
-          <div>
+          <div class="grid grid-cols-1 gap-4">
             <label class="block">
               <span class="text-gray-700">Select</span>
               <select class="block w-full mt-1">
                 <option>Option 1</option>
                 <option>Option 2</option>
               </select>
             </label>
-            <label class="block mt-4">
+            <label class="block">
               <span class="text-gray-700">Multiselect</span>
               <select class="block w-full h-24 mt-1" multiple="">
                 <option>Option 1</option>
@@ -122,7 +122,7 @@
                 <option>Option 5</option>
               </select>
             </label>
-            <div class="block mt-4">
+            <div class="block">
               <span class="text-gray-700">Radio Buttons</span>
               <div class="mt-2">
                 <div>