fix: too large image for goodies and food illustrations on mobile

2023-05-13 09:51:45 +11:00
parent 3f9888d678
commit a4ebd66b1d
3 changed files with 14 additions and 8 deletions
--- a/src/thsf/static/css/custom.css
+++ b/src/thsf/static/css/custom.css
@@ -48,6 +48,12 @@
    color: var(--main-color);
    cursor: pointer;
  }
+  .goodies, .food {
+    text-align: justify;
+  }
+  .goodies_pic, .food_pic {
+    max-width: 7em;
+  }
 }

@media screen and (max-width: 44em) {
@@ -104,6 +110,6 @@
    text-align: justify;
  }
  .goodies_pic, .food_pic {
-    max-width: 5em;
+    max-width: 4em;
  }
 }