From 153223e34dea10e04dd651579fed73a1c8215312 Mon Sep 17 00:00:00 2001
From: Dustin Thurston <dustin@dustycode.dev>
Date: Wed, 1 Jul 2026 09:08:35 -0400
Subject: [PATCH] another WIP

---
 bun.lock                    | 3 ---
 src/components/header.astro | 2 +-
 src/components/links.astro  | 7 ++++---
 src/layouts/Layout.astro    | 4 ++--
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/bun.lock b/bun.lock
index 0877817..783c471 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,7 +11,6 @@
         "@astrojs/react": "5.0.4",
         "@lucide/astro": "^0.563.0",
         "@nanostores/react": "^1.0.0",
-        "@tabler/icons": "^3.37.1",
         "@tailwindcss/forms": "^0.5.11",
         "@tailwindcss/vite": "^4.2.1",
         "@types/react": "^19.1.12",
@@ -433,8 +432,6 @@
 
     "@sveltejs/acorn-typescript": ["@sveltejs/acorn-typescript@1.0.9", "", { "peerDependencies": { "acorn": "^8.9.0" } }, "sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA=="],
 
-    "@tabler/icons": ["@tabler/icons@3.37.1", "", {}, "sha512-neLCWkuyNHEPXCyYu6nbN4S3g/59BTa4qyITAugYVpq1YzYNDOZooW7/vRWH98ZItXAudxdKU8muFT7y1PqzuA=="],
-
     "@tailwindcss/forms": ["@tailwindcss/forms@0.5.11", "", { "dependencies": { "mini-svg-data-uri": "^1.2.3" }, "peerDependencies": { "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1" } }, "sha512-h9wegbZDPurxG22xZSoWtdzc41/OlNEUQERNqI/0fOwa2aVlWGu7C35E/x6LDyD3lgtztFSSjKZyuVM0hxhbgA=="],
 
     "@tailwindcss/node": ["@tailwindcss/node@4.2.1", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.31.1", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.1" } }, "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg=="],
diff --git a/src/components/header.astro b/src/components/header.astro
index f084d42..bea3e61 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -3,7 +3,7 @@ import { Moon, Sun } from "@lucide/astro";
 import Nav from "./nav.astro";
 ---
 
-<header class="m-3 flex justify-between items-center">
+<header class="m-3 flex justify-end items-center">
   <button
     type="button"
     id="theme-selector"
diff --git a/src/components/links.astro b/src/components/links.astro
index 4deaf19..d8d8f5f 100644
--- a/src/components/links.astro
+++ b/src/components/links.astro
@@ -12,7 +12,7 @@ const { className } = Astro.props;
 
 <div class={`surface ${className} flex flex-col justify-center`}>
   <h1 class="text-2xl text-center">Where to find me</h1>
-  <div class="flex gap-3 h-8 items-center justify-evenly">
+  <div class="flex gap-3 h-8 items-center justify-evenly flex-wrap">
     <a
       href="https://bsky.app/profile/dustycode.dev"
       aria-label="Bluesky"
@@ -21,13 +21,14 @@ const { className } = Astro.props;
     >
       <Bluesky class="h-4 fill-blue" />
     </a>
-    <a 
+    <a
       href="https://tangled.org/dustycode.dev"
       aria-label="Tangled"
       title="Tangled"
       target="_blank"
     >
-    <Tangled class="h-4 fill-blue" /></a>
+      <Tangled class="h-4 fill-blue" /></a
+    >
     <a
       href="https://github.com/DustinsCode"
       aria-label="Github"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f080f1d..849d83e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -17,10 +17,10 @@ const { title } = Astro.props;
     <div class="">
       <Header />
       <div
-        class="grid xl:grid-flow-col grid-cols-1 xl:grid-cols-4 auto-rows-auto gap-4 xl:max-w-2/3 mx-auto"
+        class="grid lg:grid-flow-col grid-cols-1 lg:grid-cols-4 auto-rows-auto gap-4 xl:max-w-1/2 lg:max-w-3/4 mx-auto"
       >
         <Nav
-          className="xl:row-span-2 xl:col-span-1 hidden xl:block"
+          className="lg:row-span-2 lg:col-span-1 hidden lg:block"
           isMobile={false}
         />
         <div class="col-span-3">
-- 
2.51.2