improve mobile version

1 files changed, 15 insertions, 5 deletions

diff --git a/static/style.css b/static/style.css
index c47ae13..e8f2557 100644
--- a/static/style.css
+++ b/static/style.css
@@ -73,6 +73,12 @@ body {
   object-position: center;
 }
 
+.tile .img-link {
+  display: block;
+  width: 12.5rem;
+  height: 12.5rem;
+}
+
 .tile .price {
   font-weight: 500;
   margin-bottom: 0.25rem;
@@ -150,7 +156,7 @@ body {
 
 .site-icon img {
   height: 24px;
-  width: auto;
+  width: 24px;
   object-fit: contain;
 }
 
@@ -195,10 +201,6 @@ body {
     width: calc(50% - 1rem);
   }
 
-  .tile .img {
-    height: 12.5rem;
-  }
-
   button,
   select,
   input {
@@ -239,3 +241,11 @@ body {
     height: 100%;
   }
 }
+
+@media screen and (max-width: 30rem) {
+  .tile .img-link,
+  .tile .img {
+    height: 9rem;
+    width: 9rem;
+  }
+}