improve padding

calblueprint · Jan 17, 2024 · d9676bb · d9676bb
1 parent 4b4b7f7
commit d9676bb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/NonProfit.astro b/src/components/NonProfit.astro
@@ -34,7 +34,9 @@ const { name, description, image, startColor, endColor, url } = Astro.props;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
-    padding-top: 120px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
 
     .bg {
       position: absolute;
@@ -56,17 +58,18 @@ const { name, description, image, startColor, endColor, url } = Astro.props;
 
     a {
       width: 100%;
-      padding: 32px;
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
       gap: 12px;
       color: white;
       font-weight: 400;
       line-height: 100%;
+      padding: 32px;
+      padding-top: 120px;
 
       @media (min-width: breakpoints.$laptop) {
-        padding-top: 0;
+        padding-top: 32px;
         aspect-ratio: 10 / 9;
       }
     }

diff --git a/src/components/NonProfits.astro b/src/components/NonProfits.astro
@@ -103,8 +103,7 @@ import clouds from '../graphics/clouds_star_twirl_2.svg';
 
   .nonprofits {
     width: 100%;
-    padding-left: 1rem;
-    padding-right: 1rem;
+    padding: 0 10%;
     position: relative;
     display: grid;
     grid-template-rows: min-content;