From 8609bf2a2bc8553bd50cff12682d832c2c6a1398 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 31 Aug 2021 18:08:39 +0200
Subject: [PATCH] Center contact

---
 src/components/ContactForm.vue | 2 +-
 src/pages/contact.vue          | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ContactForm.vue b/src/components/ContactForm.vue
index 073888d..7e597af 100755
--- a/src/components/ContactForm.vue
+++ b/src/components/ContactForm.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="w-full flex justify-center flex-col">
-    <h2 class="mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400">
+    <h2 class="mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400 text-center">
       {{ $t('contact.form.title.main') }} <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">{{ $t('contact.form.title.email') }}</a> 📬
     </h2>
     <form class="w-full">
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
index e2e99c6..9b831cd 100755
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -1,8 +1,9 @@
 <template>
-  <main class="contact flex flex-col px-4 xl:px-64">
+  <main class="contact flex flex-col items-center px-4 xl:px-64">
     <PageTitle class="self-center" title="part.contact" />
+    <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('contact.description') }}</p>
     <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
-      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
+      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400 text-center">
         {{ $t('contact.why.title') }}
       </h1>
       <h3 class="text-lg">