diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 4575d62..8b18c7b 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -10,9 +10,8 @@
     <h3>
       {title}
     </h3>
-    <div />
-  </div></a
->
+  </div>
+</a>
 
 <style>
   .card h3 {
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index e0ea938..c5893b3 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -1,5 +1,4 @@
 <script>
-  import MobileMenu from './MobileMenu.svelte'
   let isDark = false
   if (typeof localStorage !== 'undefined') {
     if (
@@ -24,7 +23,6 @@
 </script>
 
 <nav class="relative flex justify-between md:mx-4 lg:mx-12">
-  <MobileMenu />
   <h1
     class="text-lg font-bold text-accent transition-all duration-200 ease-in-out hover:scale-110"
   >
@@ -32,7 +30,7 @@
   </h1>
   <div class="flex">
     <a href="#menu"
-       class="hidden md:flex mr-3 h-9 w-9 items-center justify-center rounded-lg"
+       class="flex mr-3 h-9 w-9 items-center justify-center rounded-lg"
     >
       <svg
         class="absolute h-5 w-5 text-red-600 dark:text-yellow-400"
diff --git a/src/lib/components/MobileMenu.svelte b/src/lib/components/MobileMenu.svelte
deleted file mode 100644
index c3d10f6..0000000
--- a/src/lib/components/MobileMenu.svelte
+++ /dev/null
@@ -1,179 +0,0 @@
-<script>
-  let isOpen = false
-  let isMenuRendered
-  $: {
-    if (isOpen) {
-      setTimeout(() => {
-        isMenuRendered = true
-      }, 20)
-    } else {
-      setTimeout(() => {
-        isMenuRendered = false
-      }, 300)
-    }
-  }
-
-  export const links = [
-    {
-      name: 'Home',
-      href: '/',
-    },
-    {
-      name: 'Posts',
-      href: '/blog',
-    },
-    {
-      name: 'Work',
-      href: '/work',
-    },
-    {
-      name: 'Gallery',
-      href: '/gallery',
-    },
-    {
-      name: 'Blogroll',
-      href: '/blogroll',
-    },
-    {
-      name: 'About',
-      href: '/about',
-    },
-    {
-      name: 'Github',
-      href: 'https://github.com/tjheffner',
-    },
-    {
-      name: 'Tweets',
-      href: 'https://twitter.com/foodpyramids',
-    },
-  ]
-</script>
-
-<div class="ml-[-0.60rem] md:hidden">
-  <button
-    class="burger visible"
-    aria-label="Toggle menu"
-    type="button"
-    on:click={() => (isOpen = !isOpen)}
-  >
-    {#if !isOpen}
-      <svg
-        class="absolute h-5 w-5 text-gray-900 dark:text-gray-100"
-        width="20"
-        height="20"
-        viewBox="0 0 20 20"
-        fill="none"
-        ><path
-          d="M2.5 7.5H17.5"
-          stroke="currentColor"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        /><path
-          d="M2.5 12.5H17.5"
-          stroke="currentColor"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        /></svg
-      >
-    {:else}
-      <svg
-        class="absolute h-5 w-5 text-gray-900 dark:text-gray-100"
-        viewBox="0 0 24 24"
-        width="24"
-        height="24"
-        stroke="currentColor"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        fill="none"
-        shape-rendering="geometricPrecision"
-        data-hide="true"><path d="M18 6L6 18" /><path d="M6 6l12 12" /></svg
-      >
-    {/if}
-  </button>
-  {#if isOpen}
-    <ul
-      class="menu absolute flex flex-col bg-red-300 text-2xl uppercase dark:bg-orange-900"
-      class:menuRendered={isMenuRendered}
-    >
-      {#each links as link, index}
-        <li
-          class="border-b border-indigo-700 font-semibold text-gray-900 dark:border-yellow-400 dark:text-gray-100"
-          style="transition-delay: {index * 50 + 50}ms"
-        >
-          <a
-            class="flex w-auto pb-4"
-            data-sveltekit-prefetch
-            on:click={() => setTimeout(() => (isOpen = false), 300)}
-            href={link.href}>{link.name}</a
-          >
-        </li>
-      {/each}
-    </ul>
-  {/if}
-</div>
-
-<style lang="postcss">
-  .burger {
-    transition: opacity 300ms ease;
-    border: 0;
-    background: transparent;
-    width: 40px;
-    height: 40px;
-    position: relative;
-  }
-
-  .burger svg {
-    transform: translate(-50%, -50%) scale(1);
-    top: 50%;
-    left: 50%;
-    opacity: 1;
-    transition: opacity 300ms ease, transform 300ms ease;
-  }
-
-  .menu {
-    padding: 0 28px 0 25px;
-    margin: 0;
-    padding-top: 24px;
-    width: 100%;
-    height: 100vh;
-    z-index: 1000;
-    opacity: 0;
-    left: 0;
-    transition: opacity 300ms ease, transform 300ms ease;
-  }
-
-  .menu li {
-    transform: translateX(-16px);
-    opacity: 0;
-    transition: opacity 300ms ease, transform 300ms ease, width 300ms ease,
-      border-color 300ms ease;
-    width: 0px;
-    white-space: nowrap;
-  }
-
-  .menuRendered {
-    opacity: 1;
-  }
-
-  .menuRendered li {
-    @apply w-full border-indigo-700 dark:border-yellow-400;
-    transform: translateX(0);
-    opacity: 1;
-  }
-
-  .menu > * + * {
-    margin-top: 24px;
-  }
-
-  @keyframes grow {
-    0% {
-      height: 0px;
-    }
-    100% {
-      height: 24px;
-    }
-  }
-</style>
diff --git a/src/routes/(main)/blogroll/+page.svx b/src/routes/(main)/blogroll/+page.svx
index 94a10ad..4bca065 100644
--- a/src/routes/(main)/blogroll/+page.svx
+++ b/src/routes/(main)/blogroll/+page.svx
@@ -1,23 +1,18 @@
-<script>
-	import Slice from '$lib/components/Slice.svelte';
-</script>
-
 <svelte:head>
   <title>heffner.dev | blogroll</title>
-  <meta name="description" content="other neat websites" />
+  <meta name="description" content="other cool blogs I enjoy reading" />
 	<meta property="og:image" content={`https://heffner.dev/og?message=blogroll`}>
 	<meta name="twitter:card" content={`https://heffner.dev/og?message=blogroll` ? 'summary_large_image' : 'summary'} />
 	<meta name="twitter:image" content={`https://heffner.dev/og?message=blogroll`} />
 </svelte:head>
 
-
-  <h1 class="mb-3 text-3xl font-bold tracking-tight text-shadow md:text-5xl">
-    blogroll
-  </h1>
-  <p class="text-xl font-semibold text-accent">
-    other cool blogs I enjoy reading
-  </p>
-  <hr class="mb-8 not-prose">
+<h1 class="mb-3 text-3xl font-bold tracking-tight text-shadow md:text-5xl">
+  blogroll
+</h1>
+<p class="text-xl font-semibold text-accent">
+  other cool blogs I enjoy reading
+</p>
+<hr class="mb-8 not-prose">
 
 - [nug doug](https://darkdell.net)
 - [mike crittenden](https://critter.blog)
diff --git a/src/routes/(main)/gallery/+page.svelte b/src/routes/(main)/gallery/+page.svelte
index 35378d2..0100dbf 100644
--- a/src/routes/(main)/gallery/+page.svelte
+++ b/src/routes/(main)/gallery/+page.svelte
@@ -29,13 +29,13 @@
       Gallery
     </h1>
     <p class="text-xl font-semibold text-accent">
-      details, photos, ephemera from past adventures
+      details, photos, etc. from past adventures
     </p>
   </Slice>
 
   {#each items as trip}
     <Slice title={trip.title} date={trip.date}>
-      <a href="/gallery/{trip.slug}" style="display: inline-block">
+      <a href="/gallery/{trip.slug}" style="display: inline-block" class="not-prose w-full">
         <img src={trip.image} alt={trip.alt} class="gallery-image" loading="lazy" />
         {'>> ' + trip.description + ' <<'}
       </a>
@@ -45,7 +45,9 @@
 
 <style>
   .gallery-image {
-    margin: 0;
     max-height: 600px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
 </style>
diff --git a/src/routes/(main)/gallery/[slug]/+page.js b/src/routes/(main)/gallery/[slug]/+page.js
index 853bc5a..faf9ffb 100644
--- a/src/routes/(main)/gallery/[slug]/+page.js
+++ b/src/routes/(main)/gallery/[slug]/+page.js
@@ -11,7 +11,7 @@ export async function load({ params, url, fetch, setHeaders }) {
     throw error(res.status, await res.text())
   }
   setHeaders({
-    'Cache-Control': 'public, max-age=60',
+    'Cache-Control': 'public, max-age=86400',
   })
   return {
     json: await res.json(),