From ecd2843a43790ded1f405906880dafcf32190f5b Mon Sep 17 00:00:00 2001
From: Anson Biggs <anson@ansonbiggs.com>
Date: Sat, 2 Mar 2024 12:41:50 -0700
Subject: [PATCH] fix viewing on smaller screens

---
 output/style.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/output/style.css b/output/style.css
index dffa457..f4f6eaa 100644
--- a/output/style.css
+++ b/output/style.css
@@ -18,10 +18,25 @@
 .featured img {
     width: auto;
     height: auto;
+    max-width: 40%;
     max-height: 30vh;
 }
 
 .featured hgroup {
     flex-grow: 1;
     padding-left: 20px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+
+    .featured header {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .featured hgroup {
+        padding-left: 0;
+        padding-top: 20px;
+    }
 }
\ No newline at end of file