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: pages-themes/minimal#104
eur-nl · Mar 15, 2023 · fa43fd4 · fa43fd4
1 parent b7ca3d7
commit fa43fd4
Showing 1 changed file with 15 additions and 11 deletions.
diff --git 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;
+  }
 }