From f1357b106d8443e24880f770db66f9a3a5515a30 Mon Sep 17 00:00:00 2001
From: Eli Lennox <eli.lennox@sentry.io>
Date: Wed, 31 Jul 2024 12:28:12 -0400
Subject: [PATCH] last tweak

---
 src/components/Section.astro | 4 ++--
 src/pages/howto.astro        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Section.astro b/src/components/Section.astro
index 414d53d..c5175b0 100644
--- a/src/components/Section.astro
+++ b/src/components/Section.astro
@@ -1,6 +1,6 @@
 ---
 
-  const {sectionStyles, backgroundStyling, backgroundBottomStyling, backgroundColor = false, isFirst = false, itemsTop = false} = Astro.props;
+  const {sectionStyles, backgroundStyling, backgroundBottomStyling, backgroundColor = false, isFirst = false, itemsTop = false, justify = false} = Astro.props;
   const backgroundClasses = `${backgroundStyling ? backgroundStyling : ''}`;
   const backgroundBottomClasses = `${backgroundBottomStyling ? backgroundBottomStyling : ''}`;
   const backgroundColorClass = `${backgroundColor ? backgroundColor : 'bg-white'}`;
@@ -9,7 +9,7 @@
 ---
 
 <section class={`container mx-auto px-[1.5rem] lg:px-[3rem] ${isFirst ? 'pb-[1rem]' : 'py-[1rem]'}`}>
-  <div class={`mx-auto relative flex flex-wrap rounded overflow-clip justify-center ${backgroundColorClass} ${sectionClasses} ${itemsTop ? 'items-top' : 'items-center'}`}>
+  <div class={`mx-auto relative flex flex-wrap rounded overflow-clip justify-center ${backgroundColorClass} ${sectionClasses} ${itemsTop ? 'items-top' : 'items-center'} ${justify ? justify : 'justify-center'}`}>
     <div class={`absolute ${backgroundClasses}`}></div>
     <slot />
     <div class={`absolute ${backgroundBottomClasses}`}></div>
diff --git a/src/pages/howto.astro b/src/pages/howto.astro
index d3b7653..b98e5f9 100644
--- a/src/pages/howto.astro
+++ b/src/pages/howto.astro
@@ -15,7 +15,7 @@ import Section from '../components/Section.astro';
     </div>
   </header>
   <main>
-    <Section sectionStyles="px-[1.5rem] xl:px-[3rem] py-[3rem] gap-[2rem] xl:py-[8rem] xl:gap-x-[4.25rem]" isFirst itemsTop>
+    <Section sectionStyles="px-[1.5rem] py-[3rem] gap-[2rem] xl:py-[8rem] xl:gap-x-[4.25rem]" isFirst itemsTop>
       <div class="w-12/12 xl:w-5/12">
         <span class="tag text-teal">1. Make a Community Engagement Plan</span>
         <h2>