From 8ab01e165da8ce881f77cf80c61513abdcdb631f Mon Sep 17 00:00:00 2001
From: biswa <biswa@007gmail.com>
Date: Fri, 14 Feb 2025 20:18:03 +0530
Subject: [PATCH] UI fixed of cards

---
 front-end/src/components/Centre.jsx | 7 ++++---
 package-lock.json                   | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/front-end/src/components/Centre.jsx b/front-end/src/components/Centre.jsx
index 95cf47d9..cacca6c7 100644
--- a/front-end/src/components/Centre.jsx
+++ b/front-end/src/components/Centre.jsx
@@ -103,7 +103,7 @@ function Centre() {
             Our Mission, Vision & Values
           </h2>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6 ">
-            <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg ">
+          <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg transform hover:translate-y-[-5px] hover:translate-x-[-5px] transition-transform duration-300 shadow-[0px_0px_10px_2px_rgba(0,112,255,0.5)] hover:shadow-[0px_0px_20px_4px_rgba(0,112,255,0.7)]">
               <img
                 src={mission}
                 alt="Our Mission"
@@ -121,7 +121,7 @@ function Centre() {
               </p>
             </div>
 
-            <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg">
+            <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg transform hover:translate-y-[-5px] hover:translate-x-[-5px] transition-transform duration-300 shadow-[0px_0px_10px_2px_rgba(0,112,255,0.5)] hover:shadow-[0px_0px_20px_4px_rgba(0,112,255,0.7)]">
               <img
                 src={vision}
                 alt="Our Vision"
@@ -139,7 +139,7 @@ function Centre() {
               </p>
             </div>
 
-            <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg ">
+            <div className="bg-white dark:bg-gray-800 p-6 border-2 border-gray-800 dark:border-gray-700 rounded-lg transform hover:translate-y-[-5px] hover:translate-x-[-5px] transition-transform duration-300 shadow-[0px_0px_10px_2px_rgba(0,112,255,0.5)] hover:shadow-[0px_0px_20px_4px_rgba(0,112,255,0.7)]">
               <img
                 src={values}
                 alt="Our Values"
@@ -157,6 +157,7 @@ function Centre() {
                 community.
               </p>
             </div>
+
           </div>
         </div>
       </section>
diff --git a/package-lock.json b/package-lock.json
index 9a7f64b2..c31208b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "react-blog-Swoc25",
+  "name": "react-blog",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {