fix grid responsivness

leon-luna-ray · Oct 2, 2023 · 18ec937 · 18ec937
1 parent 99faf1d
commit 18ec937
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/EmojiGrid.vue b/components/EmojiGrid.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container grid grid-cols-12">
+    <div class="container grid grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-12">
         <div v-for="emoji in emojis" class="emoji-btn" @click="copyToClipboard(emoji.emoji)">
             <h1>{{ emoji.emoji }}</h1>
         </div>