From 7aaad7aac383468b6e3af22aa36a9bb51923a8ab Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Thu, 28 Sep 2023 10:03:51 -0500
Subject: [PATCH] Fixed align of buttons inside carousel of grid articles

---
 src/routes/community/+page.svelte        | 8 ++++----
 src/scss/8-sequences/_grid-articles.scss | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index d6f1fca266..d347559274 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -419,7 +419,7 @@
 									<p class="aw-sub-body-500">
 										Join us for an exciting hour of technical conversations around Appwrite.
 									</p>
-									<div class="u-flex u-flex-wrap u-gap-8 u-margin-block-start-16">
+									<div class="u-flex u-flex-wrap u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
 										<button class="aw-button is-secondary">
 											<span>View event</span>
 										</button>
@@ -460,7 +460,7 @@
 									<p class="aw-sub-body-500">
 										Pluck is going mobile. Join us in building Pluck.io's Flutter app.
 									</p>
-									<div class="u-flex u-flex-wrap u-gap-8 u-margin-block-start-16">
+									<div class="u-flex u-flex-wrap u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
 										<button class="aw-button is-secondary">
 											<span>View event</span>
 										</button>
@@ -497,7 +497,7 @@
 									<p class="aw-sub-body-500">
 										Join us for our Hacktoberfest kickoff event in Bengaluru.
 									</p>
-									<div class="u-flex u-flex-wrap u-gap-8 u-margin-block-start-16">
+									<div class="u-flex u-flex-wrap u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
 										<button class="aw-button is-secondary">
 											<span>View event</span>
 										</button>
@@ -535,7 +535,7 @@
 										Join us for a month long celebration of open source in collaboration with
 										DigitalOcean.
 									</p>
-									<div class="u-flex u-flex-wrap u-gap-8 u-margin-block-start-16">
+									<div class="u-flex u-flex-wrap u-gap-8 u-padding-block-start-16 u-margin-block-start-auto">
 										<button class="aw-button is-secondary">
 											<span>View event</span>
 										</button>
diff --git a/src/scss/8-sequences/_grid-articles.scss b/src/scss/8-sequences/_grid-articles.scss
index cf21d1dbb4..70c57bb3bc 100644
--- a/src/scss/8-sequences/_grid-articles.scss
+++ b/src/scss/8-sequences/_grid-articles.scss
@@ -29,7 +29,7 @@
       > * {transition:var(--transition); }
     }
 
-    &-content { display:flex; flex-direction:column; gap:pxToRem(4); padding:pxToRem(12); }
+    &-content {flex:1; display:flex; flex-direction:column; gap:pxToRem(4); padding:pxToRem(12); }
 
     &:where(:hover, :focus) {
       .#{$p}-grid-articles-item {