From 947b0d3277fe509847f405cdb4ce515f0210c429 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Wed, 28 Oct 2020 15:09:42 +0100
Subject: [PATCH] WL-19 - Contact Responsive + Grid Responsive enhancement

---
 components/Contact.vue | 6 +++---
 components/Grid.vue    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Contact.vue b/components/Contact.vue
index 8f930a3..c0b376f 100644
--- a/components/Contact.vue
+++ b/components/Contact.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="contact-me" class="container mx-auto p-16">
+  <div id="contact-me" class="container mx-auto p-8 sm:p-16">
     <h2 class="text-4xl mb-6">Contact me !</h2>
 
     <!-- Feedback Message -->
@@ -9,7 +9,7 @@
         (feedback.hasError
           ? 'bg-red-100 border-red-400 text-red-700'
           : 'bg-green-100 border-green-400 text-green-700') +
-          ' border px-4 py-3 rounded relative w-3/4 sm:w-1/2 max-w-lg mx-auto mb-2'
+          ' border px-4 py-3 rounded relative w-2/3 sm:w-1/2 max-w-lg mx-auto mb-2'
       "
       role="alert"
     >
@@ -39,7 +39,7 @@
     </div>
 
     <form
-      class="w-3/4 sm:w-1/2 max-w-lg mx-auto p-6 rounded shadow-xl flex flex-col items-end bg-gradient-to-br from-indigo-800 to-blue-800"
+      class="w-full sm:w-3/4 md:w-1/2 max-w-lg mx-auto p-6 rounded shadow-xl flex flex-col items-end bg-gradient-to-br from-indigo-800 to-blue-800"
       name="contact"
       method="POST"
       data-netlify="true"
diff --git a/components/Grid.vue b/components/Grid.vue
index 0f221e2..b131039 100644
--- a/components/Grid.vue
+++ b/components/Grid.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="projects" class="container mx-auto p-16">
+  <div id="projects" class="container mx-auto p-8 sm:p-16">
     <h2 class="text-4xl mb-6">Projects</h2>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
       <div