fixing the ui of the front page

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));
   }

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: