From fa43fd4a3ab7605cffbb371200eb377873de24a6 Mon Sep 17 00:00:00 2001
From: Eduard Klapwijk <41283173+eduardklap@users.noreply.github.com>
Date: Wed, 15 Mar 2023 12:22:48 +0100
Subject: [PATCH] add media query to improve mobile display

Used code from https://github.com/mambax/mambax/blob/a6c364c0a0866b8d422446f44eb5207315636951/assets/css/style.scss#L1 pointed to in this Issue: https://github.com/pages-themes/minimal/issues/104
---
 assets/css/style.scss | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 3d1648a..b5fc680 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -3,16 +3,20 @@
 
 @import "{{ site.theme }}";
 
-.wrapper {
-  width:1200px;
-  // left side is 270
-  // 1200-270 = 930
-  // 30px free room
-  margin:0 auto;
-}
 
-section {
-  width:800px;
-  float:right;
-  padding-bottom:50px;
+
+@media screen and (min-width: 1200px) {
+  .wrapper {
+    width:1200px;
+    // left side is 270
+    // 1200-270 = 930
+    // 30px free room
+    margin:0 auto;
+  }
+  
+  section {
+    width:800px;
+    float:right;
+    padding-bottom:50px;
+  }
 }