[update] remove unused npo cards (#52)

* remove unused npo cards

* center align card

* resolve long vertical card in mobile view

Author: jinkang-0

src/components/NonProfit.astro

@@ -38,6 +38,12 @@ const { name, description, image, startColor, endColor, url } = Astro.props;
     flex-direction: column;
     justify-content: flex-end;
 
+    &:last-child {
+      @media (min-width: breakpoints.$laptop) {
+        grid-column: 2;
+      }
+    }
+
     .bg {
       position: absolute;
       top: 0;

src/components/NonProfits.astro

@@ -77,20 +77,6 @@ import clouds from '../graphics/clouds_star_twirl_2.svg';
       endColor="rgba(91, 192, 222, 1)"
       url="https://www.artzphilly.org/"
     />
-    <NonProfit
-      name="Coming soon..."
-      description="This amazing nonprofit will be announced soon!"
-      image="/nonprofits/coming-soon.webp"
-      startColor="rgba(120, 120, 120, 0.3)"
-      endColor="rgba(120, 120, 120, 1)"
-    />
-    <NonProfit
-      name="Coming soon..."
-      description="This amazing nonprofit will be announced soon!"
-      image="/nonprofits/coming-soon.webp"
-      startColor="rgba(120, 120, 120, 0.3)"
-      endColor="rgba(120, 120, 120, 1)"
-    />
   </section>
 </div>