From 6ab04b401923220d5e8939890d2674abbdbeaf18 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 17 Jan 2021 21:34:48 +0100
Subject: Improve some pages on mobile

---
 contact.css | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'contact.css')

diff --git a/contact.css b/contact.css
index 0fc5988..6bd68ec 100644
--- a/contact.css
+++ b/contact.css
@@ -1,18 +1,20 @@
-main {
-    display: grid;
-    grid-template-columns: 60% 40%;
-    padding-right: 4%;
-}
+@media (min-width: 40em) {
+    main {
+        display: grid;
+        grid-template-columns: 60% 40%;
+        padding-right: 4%;
+    }
 
-main > div {
-    padding: 2%;
-}
+    main > div {
+        padding: 2%;
+    }
 
-#contact-us dl {
-    display: grid;
-    grid-template-columns: 1fr 2fr;
-}
+    #contact-us dl {
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+    }
 
-#contact-us dd {
-    margin-left: inherit;
+    #contact-us dd {
+        margin-left: inherit;
+    }
 }
-- 
cgit v1.2.3