From 9f875bf3605817fb4837c11ff790d8dfca0c5647 Mon Sep 17 00:00:00 2001
From: malt9830 <malt9830@stud.kea.dk>
Date: Tue, 30 Jan 2024 03:18:13 +0100
Subject: [PATCH] Simplified grid-center

---
 src/components/MovieCard.vue | 2 +-
 tailwind.config.ts           | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/MovieCard.vue b/src/components/MovieCard.vue
index 28cc494..da75556 100644
--- a/src/components/MovieCard.vue
+++ b/src/components/MovieCard.vue
@@ -6,7 +6,7 @@
     :class="{
       flipped: movie.id === firstMovie?.id || movie.id === secondMovie?.id || guessedMovies.includes(movie.title)
     }"
-    class="w-[60px] sm:w-[90px] md:w-[100px] aspect-[6/9] preserve-3d grid cursor-pointer duration-300 ease-in-out transform shadow-2xl *:size-full *:col-[1/1] *:row-[1/1] *:border-2 *:border-white"
+    class="w-[60px] sm:w-[90px] md:w-[100px] aspect-[6/9] preserve-3d grid cursor-pointer duration-300 ease-in-out transform shadow-2xl *:size-full *:grid-center *:border-2 *:border-white"
   >
     <!-- Back side -->
     <div class="bg-green-950 grid">
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 56fe400..63a1dac 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -29,10 +29,8 @@ module.exports = {
           'backface-visibility': 'hidden'
         },
         '.grid-center': {
-          'grid-column-start': '1',
-          'grid-column-end': '1',
-          'grid-row-start': '1',
-          'grid-row-end': '1'
+          'grid-column': '1/1',
+          'grid-row': '1/1'
         }
       })
     }