Give menu more room to breath

508-dev · Dec 13, 2023 · 8732989 · 8732989
1 parent 0b1659d
commit 8732989
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -13,10 +13,7 @@
   </head>
   <body>
     <header>
-      <img src="/stamp.svg" class="logo" />
-      <h1>
-        The 雞 Spot
-      </h1>
+      <img src="/stamp.svg" class="logo" alt="The 雞 Spot" />
       <h2>
         比斯雞明治
       </h2>

diff --git a/menu.html b/menu.html
@@ -12,21 +12,15 @@
     <title>The 雞 Spot Menu</title>
   </head>
   <body>
-    <header>
+    <header class="menu">
       <h1>
         The 雞 Spot Menu
       </h1>
-      <h2>
-        The Best Chicken Biscuits in Taiwan
-      </h2>
       <nav>
         <a href="/index.html">Home</a>
       </nav>
     </header>
     <main>
-      <p>
-        HTML menu under construction. For now please see the JPG menu:
-      </p>
       <img class="menu" src="menu.jpg" />
     </main>
   </body>

diff --git a/styles.css b/styles.css
@@ -128,7 +128,26 @@ main {
 dd {
     margin-inline-start: 40px;
 }
+.menu h1 {
+    font-size: 2em;
+    margin-bottom: 0px;
+    margin-top: 0px;
+
+}
+
+.menu nav {
+    font-size: 1.5em;
+}
 
+/* mobile */
+@media only screen and (max-width: 450px) {
+    .menu h1 {
+        font-size: 1.5em;
+    }
+    .menu nav {
+        font-size: 1.2em;
+    }
+}
 
 
 /* very small mobile */