From 2eb9486a03320279c653356abaa54ec450c5f9b1 Mon Sep 17 00:00:00 2001
From: Abhinav Choudhary <abhinavchdhary@gmail.com>
Date: Fri, 19 Jan 2024 12:51:13 +0530
Subject: [PATCH] Hover Styles and typo

---
 src/components/AboutMe.jsx    | 2 +-
 src/components/Experience.jsx | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/AboutMe.jsx b/src/components/AboutMe.jsx
index 630b281..28757d8 100644
--- a/src/components/AboutMe.jsx
+++ b/src/components/AboutMe.jsx
@@ -25,7 +25,7 @@ export default function AboutMe() {
             Hi there! I'm Abhinav Choudhary, a passionate developer who loves
             creating awesome web applications. I have experience with front-end
             technologies like React and enjoy exploring new technologies to
-            enhance my skillss.
+            enhance my skills.
           </p>
           <p className="text-gray-200 mt-2">
             In my free time, I enjoy solving coding challenges, making games,
diff --git a/src/components/Experience.jsx b/src/components/Experience.jsx
index 7f39f33..e3dea88 100644
--- a/src/components/Experience.jsx
+++ b/src/components/Experience.jsx
@@ -12,8 +12,7 @@ const Experience = () => {
           <img
             src={GEUimg}
             alt="GEU image"
-            className="rounded-full object-cover w-full md:w-48 h-auto my-2 md:mb-0 mx-auto md:mx-2"
-            style={{ boxShadow: "0 4px 8px rgba(255, 255, 255, 0.7)" }}
+            className="rounded-full object-cover w-48 md:w-48 h-auto my-2 md:mb-0 mx-auto md:mr-3 shadow-md shadow-white/70 hover:shadow-white hover:shadow-lg"
           />
           <div>
             <h2 className="text-2xl font-bold">Graphic Era University</h2>
@@ -34,8 +33,7 @@ const Experience = () => {
           <img
             src={ClaircoImg}
             alt="Clairco Image"
-            className="rounded-full object-cover w-full md:w-48 h-auto my-2 md:mb-0 mx-auto md:mx-2"
-            style={{ boxShadow: "0 4px 8px rgba(255, 255, 255, 0.7)" }}
+            className="rounded-full object-cover w-48 md:w-48 h-auto my-2 md:mb-0 mx-auto md:mr-3 shadow-md shadow-white/70 hover:shadow-white hover:shadow-lg"
           />
           <div>
             <h2 className="text-2xl font-bold">Clairco</h2>