Hover Styles and typo

Abhinav-Chdhary · Jan 19, 2024 · 2eb9486 · 2eb9486
1 parent d7dfd78
commit 2eb9486
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git 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
@@ -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>