center align card

calblueprint · Feb 20, 2024 · 906d333 · 906d333
1 parent 426ad06
commit 906d333
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/src/components/NonProfits.astro b/src/components/NonProfits.astro
@@ -69,14 +69,16 @@ import clouds from '../graphics/clouds_star_twirl_2.svg';
       endColor="rgba(165, 51, 214, 1)"
       url="https://www.queerlifespace.org/"
     />
-    <NonProfit
-      name="ARTZ Philadelphia"
-      description="Enhance well-being of people living with dementia and their care partners through joyful interactions around arts and culture."
-      image="/nonprofits/artz.jpg"
-      startColor="rgba(91, 192, 222, 0.3)"
-      endColor="rgba(91, 192, 222, 1)"
-      url="https://www.artzphilly.org/"
-    />
+    <div class="centered">
+      <NonProfit
+        name="ARTZ Philadelphia"
+        description="Enhance well-being of people living with dementia and their care partners through joyful interactions around arts and culture."
+        image="/nonprofits/artz.jpg"
+        startColor="rgba(91, 192, 222, 0.3)"
+        endColor="rgba(91, 192, 222, 1)"
+        url="https://www.artzphilly.org/"
+      />
+    </div>
   </section>
 </div>
 
@@ -125,6 +127,10 @@ import clouds from '../graphics/clouds_star_twirl_2.svg';
       padding: 0 156px;
       grid-template-columns: 1fr 1fr 1fr;
     }
+
+    .centered {
+      grid-column: 2;
+    }
   }
 
   .container {