remove peeking effect for smaller devices and add back shadow to the card

2025-12-27 00:38:27 -05:00
parent bbc4e373a3
commit 36632b025f
2 changed files with 8 additions and 6 deletions
--- a/src/app.css
+++ b/src/app.css
@@ -226,8 +226,10 @@ h2 {
    100% { transform: rotateY(0); }
 }

-.flip-box:hover .flip-box-front{
-    animation: rotate-and-back 0.3s ease-in-out;
+@media (min-width: 448px) { /* Apply hover effect only on screens wider than md*/
+	.flip-box:hover .flip-box-front {
+		animation: rotate-and-back 0.3s ease-in-out;
+	}
 }

 .flip-box-front,