themes

src/components/Footer.astro

@@ -29,11 +29,23 @@
     text-decoration: none;
     cursor: pointer;
   }
-  @media (max-width: 768px) {
+  @media (max-width: 1024px) {
+    footer {
+      flex-direction: column;
+      gap: 15px;
+    }
+    .footer-links-left,
+    .footer-links-right {
+      gap: 15px;
+    }
+  }
+
+  @media (max-width: 640px) {
     .footer-links-left,
     .footer-links-right {
       flex-direction: column;
-      gap: 5px;
+      gap: 10px;
+      align-items: center;
     }
   }
 </style>

src/components/Header.astro

@@ -29,18 +29,22 @@ const promptText = topic ? `barrett@ruth:~$ ${topic}` : "barrett@ruth:~$";
     cursor: pointer;
     user-select: none;
   }
-  @media (max-width: 768px) {
+  @media (max-width: 640px) {
     header {
       flex-direction: row;
-      flex-wrap: wrap;
+      justify-content: space-between;
       gap: 10px;
     }
     .terminal-container {
       flex: 1 1 auto;
       min-width: 0;
     }
+    .terminal-prompt {
+      font-size: 0.9em;
+    }
     #theme-toggle {
       flex: 0 0 auto;
+      font-size: 1.2em;
     }
   }
 </style>