From b24a676f227e97ce8eed50f295a9df5908e9207a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Sun, 24 Jan 2021 14:34:06 +0000
Subject: [PATCH] Change about page's display on mobile

---
 front/src/css/about.css   | 7 ++++++-
 front/src/less/about.less | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/front/src/css/about.css b/front/src/css/about.css
index 8bf7c0d..2e8b784 100644
--- a/front/src/css/about.css
+++ b/front/src/css/about.css
@@ -1,6 +1,11 @@
 .about {
   margin: 3em auto;
-  width: 50%;
+  width: 80%;
+}
+@media (min-width: 640px) {
+  .about {
+    width: 50%;
+  }
 }
 .about p {
   margin: 2em;
diff --git a/front/src/less/about.less b/front/src/less/about.less
index 3c20359..0f101e9 100644
--- a/front/src/less/about.less
+++ b/front/src/less/about.less
@@ -1,6 +1,10 @@
 .about {
     margin: 3em auto;
-    width: 50%;
+    width: 80%;
+
+    @media (min-width: 640px) {
+        width: 50%;
+    }
 }
 
 .about p {