Responsive (Media Queries)

Author: ManzDev

src/index.pcss

@@ -160,9 +160,30 @@
     top: 4px;
     left: 4px;
   }
-  
+
   &::after {
     bottom: 4px;
     right: 4px;
   }
 }
+
+/* Responsive cards */
+@media screen and (max-width: 800px) {
+  .card::after,
+  .item {
+    display: none;
+  }
+
+  .card {
+    width: 38px;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .card::before {
+    position: static;
+    font-size: 24px;
+  }
+}