|
|
@@ -317,3 +317,26 @@ td.thumb-cell { width: 60px; }
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+/* MOBILE STYLING */
|
|
|
+@media (max-width: 600px) {
|
|
|
+ .product {
|
|
|
+ grid-template-columns: 48px auto;
|
|
|
+ grid-template-rows: auto auto;
|
|
|
+ gap: 8px;
|
|
|
+ align-items: center;
|
|
|
+ padding: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .product > :nth-child(2),
|
|
|
+ .product > :nth-child(3) {
|
|
|
+ grid-column: 2 / span 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .product > :nth-child(4) {
|
|
|
+ grid-column: 1 / -1;
|
|
|
+ justify-self: end;
|
|
|
+ margin-top: 8px;
|
|
|
+ }
|
|
|
+}
|
