From 17a6185ce031454d6e6ed485bf70d6b39c2dc541 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ari=20Perkki=C3=B6?= <ari.perkkio@gmail.com>
Date: Mon, 2 Sep 2024 09:20:50 +0300
Subject: [PATCH] fix: align `Powered by WebContainers` to the bottom

---
 packages/astro/src/default/components/TutorialContent.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/astro/src/default/components/TutorialContent.astro b/packages/astro/src/default/components/TutorialContent.astro
index 7a49c1a8b..8c77b9fe8 100644
--- a/packages/astro/src/default/components/TutorialContent.astro
+++ b/packages/astro/src/default/components/TutorialContent.astro
@@ -11,7 +11,7 @@ const { lesson } = Astro.props;
 const { Markdown, editPageLink, prev, next } = lesson;
 ---
 
-<div class="h-full overflow-auto scrollbar-transparent p-6 sm:p-8">
+<div class="flex flex-col h-full overflow-auto scrollbar-transparent p-6 sm:p-8">
   <div class="markdown-content text-tk-elements-content-textColor">
     <Markdown />
   </div>
@@ -30,7 +30,7 @@ const { Markdown, editPageLink, prev, next } = lesson;
     )
   }
 
-  <div class="grid grid-cols-[1fr_1fr] gap-4 mt-8">
+  <div class="grid grid-cols-[1fr_1fr] gap-4 mt-8 mb-6">
     <div class="flex">
       {prev && <NavCard lesson={prev} type="prev" />}
     </div>
@@ -40,7 +40,7 @@ const { Markdown, editPageLink, prev, next } = lesson;
   </div>
 
   <a
-    class="inline-block mt-6 font-size-3.5 underline text-tk-elements-link-secondaryColor hover:text-tk-elements-link-secondaryColorHover"
+    class="inline-block mt-auto font-size-3.5 underline text-tk-elements-link-secondaryColor hover:text-tk-elements-link-secondaryColorHover"
     href="https://webcontainers.io/"
   >
     {lesson.data.i18n!.webcontainerLinkText}