From c9a33025744c21248d36b6d36384eb65b7993aa1 Mon Sep 17 00:00:00 2001
From: Isaac Mills <rooster0055@protonmail.com>
Date: Fri, 11 Jul 2025 17:39:34 -0600
Subject: [PATCH] Make tabs responsive

---
 src/partials/page_four.html |  2 +-
 src/style.css               | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/partials/page_four.html b/src/partials/page_four.html
index 04b0290..7e9f87b 100644
--- a/src/partials/page_four.html
+++ b/src/partials/page_four.html
@@ -1,6 +1,6 @@
 <x-tab-content selected="3">
   <x-section-head header="Page four">
-    <x-blockquote cite="Josh Arbon (CEO of Mystery Project)">
+    <x-blockquote cite="Josh Arbon (CEO of Tysontoucherinator)">
       Who is this guy?
     </x-blockquote>
   </x-section-head>
diff --git a/src/style.css b/src/style.css
index 2ebe785..96fd165 100644
--- a/src/style.css
+++ b/src/style.css
@@ -212,4 +212,21 @@ a {
     font-size: 14pt;
     text-align: left;
   }
+}
+
+@media only screen and (max-width: 500px) {
+  .tab-list {
+    flex-direction: column;
+  }
+
+  .tab-list button {
+    background-color: transparent;
+    border: solid 3px #999;
+    font-size: 16pt;
+  }
+
+  .tab-list button.selected {
+    font-weight: bold;
+    border: solid 6px #eee;
+  }
 }
\ No newline at end of file