From 661c27254302b25a7c53d0bb0ff438a87fe5682f Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Mon, 8 Jan 2024 15:50:10 -0600
Subject: [PATCH] fixing the ui of the front page

---
 assets/css/compiled/main.css | 12 ++++++++++++
 content/_index.md            | 10 ++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 47af327..b612b48 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -2044,6 +2044,10 @@ select {
   height: 1000px;
 }
 
+.h-4 {
+  height: 1rem;
+}
+
 .max-h-\[5rem\] {
   max-height: 5rem;
 }
@@ -5429,6 +5433,14 @@ pre {
     width: auto;
   }
 
+  .md\:basis-3\/4 {
+    flex-basis: 75%;
+  }
+
+  .md\:basis-1\/4 {
+    flex-basis: 25%;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
diff --git a/content/_index.md b/content/_index.md
index d359a02..bc1236d 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -8,22 +8,24 @@ showTitle: false
 
 Teens For Christ Connection (TFC) is a rural ministry reaching out to the mission field of teenagers in rural communities across Northwest Kansas and Southwest Nebraska. In rural communities where youth ministry programs and resources are limited, TFC desires to partner with churches to meet this need. Whether this is through providing community youth groups, coaching those already working with youth, or supplying resources and extra curricular activities for area ministries, TFC desires to connect teens with the truth of Jesus Christ and equip them to live out the Great Commission.
 
-<div class="flex">
-<span class="flex items-center">
+<div class="flex flex-wrap items-center">
+<span class="basis-full md:basis-3/4 items-center">
 {{< typeit tag=h2 lifeLike=true >}}
 Time to fill out your mission trip application!
 {{< /typeit >}}
 </span>
 
-<div class="grow"></div>
+<span class="grow">
 
-<span class="flex items-center mt-6">
+<span class="basis-full md:basis-1/4 items-center mt-6">
 {{< button href="/mt-form" >}}
 Fill out now!
 {{< /button >}}
 </span>
 </div>
 
+{{< spacing height=h-4 >}}
+
 > If you need to fill out a health form, please do so [here](/health-form).
 > 
 > Please also fill out the: