--- a/mrjunejune/src/tools/markdown_to_html/index.css	Fri Jan 02 19:16:17 2026 -0800
+++ b/mrjunejune/src/tools/markdown_to_html/index.css	Fri Jan 02 20:21:58 2026 -0800
@@ -24,6 +24,7 @@
 
 .title button {
   margin-top: 0px;
+  margin-bottom: 10px;
 }
 
 button:hover {
@@ -177,7 +178,51 @@
 }
 
 @media (max-width: 768px) {
+  body {
+    padding: 10px;
+    font-size: 16px;
+  }
+
   .container {
     grid-template-columns: 1fr;
+    gap: 15px;
   }
+
+  h1 {
+    font-size: 1.75rem;
+  }
+
+  .panel {
+    padding: 15px;
+  }
+
+  textarea {
+    height: 300px;
+    font-size: 16px;
+  }
+
+  #output {
+    min-height: 300px;
+    font-size: 1rem;
+  }
+
+  button {
+    font-size: 1rem;
+    padding: 12px 20px;
+    min-height: 44px;
+    width: 100%;
+  }
+
+  .title {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .label {
+    font-size: 1rem;
+  }
+
+  #output h1 { font-size: 1.75em; }
+  #output h2 { font-size: 1.5em; }
+  #output h3 { font-size: 1.25em; }
 }