disable hover effect on touchscreen device

Author: michaelhhogue

style.css

@@ -102,6 +102,18 @@ h1 {
   transition-delay: .2s;
 }
 
+/* Handle card flip behavior on touch-screen */
+@media(hover: none) {
+  .cardContainer:hover .card {
+    transform: none;
+    transition: none;
+  }
+
+  .back {
+    visibility: hidden;
+  }
+}
+
 .types {
   display: flex;
 }