From b40da3731e43eb1823eabbe60963863a88f2b542 Mon Sep 17 00:00:00 2001
From: Hamza <hnasheralneam@gmail.com>
Date: Wed, 19 Jun 2024 09:03:16 -0400
Subject: [PATCH] Fix image wider than text articles

Max width is now 700px like article, or 100vw if page is smaller than 700px.
---
 styles/thoughts.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/styles/thoughts.css b/styles/thoughts.css
index c26265f..5ef29cc 100644
--- a/styles/thoughts.css
+++ b/styles/thoughts.css
@@ -37,6 +37,16 @@ body {
    transition: .2s;
 }
 
+.article img {
+   max-width: 700px;
+}
+
+@media (max-width: 700px) {
+  .article img {
+    max-width: 100vw; /* For screens less than 700px wide */
+  }
+}
+
 .tempAlert {
    position: fixed;
    bottom: -10rem;
@@ -73,4 +83,4 @@ body {
 
 @media only screen and (min-width: 900px) {
    .content { padding: 0 6rem; }
-}
\ No newline at end of file
+}