Optimized grid space for wider screens

2024-03-26 17:12:55 +08:00
parent ffba89a7b5
commit 21fe5a0279
2 changed files with 6 additions and 2 deletions
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -118,7 +118,9 @@
          <h2 class="text-xl font-bold">Record Something Given By:</h2>
        </div>

-        <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
+        <ul
+          class="grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-x-3 gap-y-5 text-center mb-5"
+        >
          <li @click="openDialog()">
            <img
              src="../assets/blank-square.svg"