From d0f398d57bb677d548bb4d5507a400a8ecaae57c Mon Sep 17 00:00:00 2001
From: Daveed <daveed@santocabron.com>
Date: Tue, 10 Dec 2024 16:16:36 -0500
Subject: [PATCH 1/2] adjusting CSS in small screen

---
 src/styles/base.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/styles/base.css b/src/styles/base.css
index c476643..9579a88 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -180,6 +180,15 @@ button.brand-yellow:hover {
   background-color: white;
   border-color: #0157ad !important;
 }
+.nav-container {
+  min-height: 120px;
+}
+
+@media (max-width: 640px) {
+  .logo {
+    width: 80px !important;
+  }
+}
 }
 
 @layer components {

From eac5443fa7c4a8e3cbc45651dabbd22a1acc3329 Mon Sep 17 00:00:00 2001
From: Daveed <daveed@santocabron.com>
Date: Tue, 10 Dec 2024 16:25:12 -0500
Subject: [PATCH 2/2] Better meta descriptions in layout

---
 src/layouts/Layout.astro | 12 ++++++++----
 src/pages/[slug].astro   |  9 ++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 0490f00..6373c50 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -18,9 +18,10 @@ export interface Props {
   scrollSmooth?: boolean;
   post?: CollectionEntry<"posts">;
   meta?: {
-    title: string;
-    image: string;
-    description: string;
+    title?: string;
+    image?: string;
+    description?: string;
+    url?: string;
   };
 }
 
@@ -122,7 +123,10 @@ const store = stores.find(
     />
     <meta
       property="og:url"
-      content={post?.data?.SEO?.metaUrl || store?.SEO?.metaUrl || canonicalURL}
+      content={meta?.url ||
+        post?.data?.SEO?.metaUrl ||
+        store?.SEO?.metaUrl ||
+        canonicalURL}
     />
     <meta
       property="og:image"
diff --git a/src/pages/[slug].astro b/src/pages/[slug].astro
index 64a45cd..1e06116 100644
--- a/src/pages/[slug].astro
+++ b/src/pages/[slug].astro
@@ -34,7 +34,14 @@ const store = stores.find(
 const { page } = Astro.props;
 ---
 
-<Layout>
+<Layout
+  meta={{
+    title: page?.SEO?.metaTitle || page?.Title,
+    image: page?.SEO?.socialImage?.url,
+    description: page?.SEO?.metaDescription,
+    url: `/${page?.slug}`,
+  }}
+>
   <Header store={store} activeNav={page?.data?.slug as activeNav} />
   <Breadcrumbs />
   <main id="main-content">