From f4dead26c92e2ef6be45af0eb56d12bb3a00d983 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Sat, 24 Sep 2022 22:20:18 -0600
Subject: lots of style updates after design review, bug fixes, and more
 improve

---
 src/components/About.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/components/About.svelte')

diff --git a/src/components/About.svelte b/src/components/About.svelte
index 9857aa92..cf45a253 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -42,22 +42,22 @@
 
 <h3 class="text-5xl font-medium mb-10 text-center">{$t('about.header')}</h3>
 <div
-	class="container grid lg:grid-cols-3 gap-20 text-secondary text-xl relative px-20 mx-auto"
+	class="container grid lg:grid-cols-3 gap-20 text-secondary text-xl relative md:px-20 mx-auto space-y-5 md:space-y-0"
 >
 	<p>
 		{@html $t('about.p1')}
 	</p>
+	<p>
+		{@html $t('about.p2')}
+	</p>
 	<p>
 		{@html $t('about.p3')}
 	</p>
-  <p>
-		{@html $t('about.p4')}
-    </p>
 	<Image image="swoosh" style="w-32 absolute -bottom-20 lg:bottom-0 right-0 md:right-10" />
 </div>
 
 <div class="flex justify-center">
-	<div class="container mt-40 lg:mt-20">
+	<div class="container mt-40">
 		<h3 class="text-5xl font-medium mb-10 text-center">
 			{$t('about.team.header')}
 		</h3>
@@ -97,7 +97,7 @@
 	</div>
 </div>
 
-<div class="mt-20">
+<div class="mt-40">
 	<h3 class="text-5xl font-medium mb-5 text-center">{$t('about.locations.header')}</h3>
 	<p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10">
 		{@html $t('about.locations.description')}
-- 
cgit v1.2.3