list spacing

assets/scripts/nav.js

@@ -57,13 +57,9 @@ populateNav();
 
 /* Footer */
 const footerHTML = `
-  <div id="contacts">
   <p>questions?
-      <a href="mailto:beall.greenhouses@gmail.com">
-        email us!
-      </a>
+    <a href="mailto:beall.greenhouses@gmail.com">email us!</a>
   </p>
-  </div>
   <p>brought to you in 2026</p>
 `
 

assets/styles/directory.css

@@ -16,6 +16,7 @@
   border: solid thin var(--color-accent);
   border-radius: .5rem;
   outline-offset: .1rem;
+  margin: 0;
 }
 
 @media (any-hover: hover) {

assets/styles/main.css

@@ -55,7 +55,7 @@ body {
 header,
 main {
   width: 65%;
-  margin: 0 auto;
+  margin: 0 auto 1rem;
 }
 
 @media (max-width: 650px) {
@@ -118,15 +118,12 @@ a:focus-visible {
   outline: solid .25rem var(--color-accent);
 }
 
-p,
+main p,
 main ul {
   padding: .8rem;
   background-color: var(--color-bg-alt);
   border-radius: 0 0 1rem 1rem;
-}
-
-main li {
-  margin-left: 1rem;
+  line-height: 1.5rem;
 }
 
 main > p,
@@ -140,3 +137,11 @@ main > ul {
     margin-left: 1.25rem;
   }
 }
+
+main li {
+  margin-left: 1rem;
+}
+
+main li:not(:last-child) {
+  padding: 0 0 .5rem;
+}

assets/styles/nav.css

@@ -86,7 +86,7 @@ header img {
 footer {
   width: 95%;
   margin: 0 auto;
-  padding: 0 0 1rem;
+  padding: 1rem 0;
 }
 
 footer p {
@@ -94,6 +94,7 @@ footer p {
   color: var(--color-bg);
   text-align: center;
   font-size: .9rem;
+  padding: .25rem;
 }
 
 footer a {
@@ -104,12 +105,3 @@ footer a {
 footer a:focus-visible {
   outline-color: var(--color-accent-flipped);
 }
-
-#contacts {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-content: center;
-  column-gap: 3rem;
-  margin: 1rem 0 0;
-}

index.html

@@ -33,7 +33,7 @@
         <img class="light-mode" src="/assets/img/logo-light.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
       </header>
       <main id="main">
-        <h1>Markets at the Beall Greenhouses</h1>
+        <h1>The Beall Greenhouses</h1>
 
         <h2>Status</h2>
         <ul>