last tweak

elijames-codecov · Jul 31, 2024 · f1357b1 · f1357b1
1 parent 03ecb31
commit f1357b1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>