From b24d08745699f3158a5840b5cf29f491027f93ad Mon Sep 17 00:00:00 2001
From: ch0ccyra1n <ch0ccyra1n@riseup.net>
Date: Mon, 25 Sep 2023 12:12:27 -0700
Subject: [PATCH] make images smaller on larger screens so they don't look
 absolutely massive

---
 static/css/style.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 1926490..0caa9f1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -74,7 +74,6 @@ body {
 }
 
 img {
-    width: 100%;
     height: auto;
 }
 
@@ -126,6 +125,9 @@ li:first-child {
 
 /* For normal screens */
 @media screen and (min-width: 769px) {
+    img {
+      max-width: 75%
+    }
     #nav-toggle-mobile {
         display: none;
     }
@@ -141,6 +143,9 @@ li:first-child {
 
 /* For super wide screens */
 @media screen and (min-width: 1700px) {
+    img {
+      max-width: 50%;
+    }
     #nav-list {
         width: 17%;
     }
@@ -151,6 +156,9 @@ li:first-child {
 
 /* For mobile */
 @media screen and (max-width: 768px) {
+    img {
+      max-width: 100%;
+    }
     #content {
         margin: 10%;
     }