fix: image sizes and stuff

fezcode · fezcode · commit f000ac351626 · 2025-10-16T18:50:21.000+03:00
diff --git a/src/index.css b/src/index.css
@@ -21,11 +21,19 @@ code {
 }
 
 .prose img {
-  max-width: 25%;
+  max-width: 75%; /* Full width on mobile */
   height: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
+  border: 5px solid #4b5563; /* subtle gray border */
+  border-radius: 0.25rem; /* rounded corners */
+}
+
+@media (min-width: 700px) { /* md breakpoint */
+  .prose img {
+    max-width: 25%; /* 25% width on larger screens */
+  }
 }
 
 /* Styling for inline code blocks */
