Merge pull request #54 from MGeovany/main

style(web): 📱 fixed grid styles on select buttons to keep the responsive design
midudev · Feb 25, 2024 · b518abb · b518abb
2 parents 54e899f + 08d188f
commit b518abb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
@@ -88,7 +88,7 @@ export default {
         <span class='ms-3 text-xl font-medium text-gray-900 dark:text-gray-100'>Animate all</span>
       </label>
     </section>  
-    <section class='mb-6 grid grid-flow-col gap-6 columns-4 items-center justify-center'>
+    <section class='mb-6 grid md:grid-flow-col grid-flow-row gap-6 columns-4 items-center justify-center'>
       <label for="duration" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
         Duration
         <select name="duration" id="duration" class="mt-2 bg-gray-50 min-w-36 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white">