Projects shadows

Author: realstoman

src/components/projects/ProjectSingle.js

@@ -12,25 +12,23 @@ const ProjectSingle = ({ title, category, image }) => {
 				delay: 0.15,
 			}}
 		>
-			<Link
-				to="/projects/single-project"
-				className="rounded-xl shadow-lg hover:shadow-xl cursor-pointer mb-10 sm:mb-0 bg-secondary-light dark:bg-ternary-dark"
-				aria-label="Single Project"
-			>
-				<div>
-					<img
-						src={image}
-						className="rounded-t-xl border-none"
-						alt="Single Project"
-					/>
-				</div>
-				<div className="text-center px-4 py-6">
-					<p className="text-2xl text-ternary-dark dark:text-ternary-light font-semibold mb-2">
-						{title}
-					</p>
-					<span className="text-lg text-ternary-dark dark:text-ternary-light">
-						{category}
-					</span>
+			<Link to="/projects/single-project" aria-label="Single Project">
+				<div className="rounded-xl shadow-lg hover:shadow-xl cursor-pointer mb-10 sm:mb-0 bg-secondary-light dark:bg-ternary-dark">
+					<div>
+						<img
+							src={image}
+							className="rounded-t-xl border-none"
+							alt="Single Project"
+						/>
+					</div>
+					<div className="text-center px-4 py-6">
+						<p className="text-2xl text-ternary-dark dark:text-ternary-light font-semibold mb-2">
+							{title}
+						</p>
+						<span className="text-lg text-ternary-dark dark:text-ternary-light">
+							{category}
+						</span>
+					</div>
 				</div>
 			</Link>
 		</motion.div>