Adjust images in mobile

2 files changed, 6 insertions, 5 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 01e7128..87ef260 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -514,6 +514,10 @@ footer {
     gap: 1lh;
     margin: 1lh 0;
 
+    @media (max-width: 500px) {
+      flex-direction: column;
+    }
+
     p {
       margin: 0;
     }
@@ -539,11 +543,6 @@ footer {
 
   font-family: var(--font-windows);
 
-  &.shrink {
-    width: min-content;
-    margin: 0 auto;
-  }
-
   .titlebar {
     border-bottom: var(--border-width) solid #000;
     font-family: var(--font-windows-bold);
@@ -580,6 +579,8 @@ footer {
 
     > img:only-child {
       margin: 0 auto;
+      max-width: 100%;
+      height: auto;
       display: block;
     }
   }
diff --git a/static/processed_images/robots.54e03f68b1a398ad.png b/static/processed_images/robots.54e03f68b1a398ad.png
new file mode 100644
index 0000000..4369bdf
--- /dev/null
+++ b/static/processed_images/robots.54e03f68b1a398ad.png