diff --git a/src/components/NonProfit.astro b/src/components/NonProfit.astro index f67c3d2..c7d907e 100644 --- a/src/components/NonProfit.astro +++ b/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; diff --git a/src/components/NonProfits.astro b/src/components/NonProfits.astro index 07f9f65..30effd7 100644 --- a/src/components/NonProfits.astro +++ b/src/components/NonProfits.astro @@ -69,16 +69,14 @@ import clouds from '../graphics/clouds_star_twirl_2.svg'; endColor="rgba(165, 51, 214, 1)" url="https://www.queerlifespace.org/" /> -
- -
+ @@ -127,10 +125,6 @@ import clouds from '../graphics/clouds_star_twirl_2.svg'; padding: 0 156px; grid-template-columns: 1fr 1fr 1fr; } - - .centered { - grid-column: 2; - } } .container {