From fc6aa3d8c117094dd1ffcc2816b15feae5bfee80 Mon Sep 17 00:00:00 2001
From: dertyp7 <dertyp7@tealfire.de>
Date: Sun, 14 Jan 2024 17:46:59 +0100
Subject: [PATCH] Add fade-in animation to projects on larger screens

---
 src/styles/Projects.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/styles/Projects.scss b/src/styles/Projects.scss
index 401d61c..82819bf 100644
--- a/src/styles/Projects.scss
+++ b/src/styles/Projects.scss
@@ -15,8 +15,11 @@
 	}
 
 	&.active {
-		.project {
-			animation: fadeIn 300ms ease-in-out forwards;
+		@media (min-width: 768px) {
+			.project {
+				opacity: 0;
+				animation: fadeIn 300ms ease-in-out forwards;
+			}
 		}
 	}
 
@@ -39,7 +42,6 @@
 			cursor: pointer;
 			max-width: 500px;
 			min-width: 300px;
-			opacity: 0;
 
 			&:hover {
 				border-color: var(--color-accent-background);