From 17618f31bb16dd9b688c56d005835feb2156c58b Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Tue, 2 Jul 2024 03:11:28 +0700
Subject: [PATCH] Implement RWD for item cards

---
 style.css | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/style.css b/style.css
index ae44e8a..c3d73f6 100644
--- a/style.css
+++ b/style.css
@@ -148,6 +148,49 @@ html *
   align-items: center;
 }
 
+@media only screen and (max-width: 750px) {
+  .middle-large {
+    grid-area: middle;
+    width: 90vw;
+    max-width: 35cm;
+  }
+  .row {
+    display: flex;
+    flex-direction: column;
+  }
+  .itemcard {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    margin-bottom: 0.5cm;
+    height: 3cm;
+    min-width: 6cm;
+    width: 100%;
+    transition-duration: 0.2s;
+    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
+  }
+  .itemcard-placeholder {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    margin-bottom: 0.5cm;
+    min-height: 3cm;
+    min-width: 6cm;
+    width: 100%
+  }
+  
+  .itemcard-stealth {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    margin-bottom: 0.5cm;
+    height: 3cm;
+    min-width: 6cm;
+    width: 100%;
+    transition-duration: 0.2s;
+  }
+}
+
 @media (prefers-color-scheme: light) {
 
   body {