mock shop page now more mobile friendly

styles/index.css

@@ -799,6 +799,16 @@
       padding-block: calc(8vw - 0.5em);
     }
   }
+  .sm\:grid-cols-\[1fr_1fr\] {
+    @media (width >= 40rem) {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+  .md\:grid-cols-\[1fr_1fr\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
   .dark\:invert {
     @media (prefers-color-scheme: dark) {
       --tw-invert: invert(100%);

templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl

@@ -27,7 +27,7 @@
 		</h3>
 	</header>
 
-	<div class="grid grid-cols-[1fr_1fr] gap-[1em] p-[1em]">
+	<div class="grid md:grid-cols-[1fr_1fr] gap-[1em] p-[1em]">
 		<form
 			id="edit-listing-form"
 			hx-post={{ printf "/api/accounts/%d/platforms/amazon/shops/mocks/%s/listings" $acctID $shopID }}