From 04f86aee9a79dc52fceb113bf8fae7aea072bfdf Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio.ruiz@fusionary.com>
Date: Wed, 11 Feb 2026 23:40:41 -0500
Subject: [PATCH] Centering grid images - removing unnecesary css

---
 src/components/cards/GridCard.astro | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/src/components/cards/GridCard.astro b/src/components/cards/GridCard.astro
index bb00d72..607351e 100644
--- a/src/components/cards/GridCard.astro
+++ b/src/components/cards/GridCard.astro
@@ -9,7 +9,7 @@ const imageUrl = props.image || ''
 ---
 {props.type !== 'imgText' && (
     <div class="aspect-square overflow-hidden">
-    <div class={`flex flex-col justify-between h-full bg-[${props.bgColor}]`}>
+    <div class={`flex flex-col justify-center h-full bg-[${props.bgColor}]`}>
         { props.type === 'text' && (
             <div class="p-16 flex flex-col justify-between h-full">
                 <Icon name={props.icon} class={`text-8xl text-[${textColor}]`} />
@@ -37,13 +37,4 @@ const imageUrl = props.image || ''
                 </div>
         </div>
     </div>
-)}
-
-<style define:vars={{ imageUrl }}>
-  .gridcard {
-    /* Use the CSS variable in the background-image property */
-    background-image: url(var(--imageUrl));
-    background-size: cover;
-    background-position: center;
-  }
-</style>
\ No newline at end of file
+)}
\ No newline at end of file