Merge pull request #5 from leon-luna-ray/dev

fix grid responsivness
leon-luna-ray · Oct 2, 2023 · 8926de2 · 8926de2
2 parents 3087b35 + 18ec937
commit 8926de2
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>