Adjust style.scss to handle different screen sizes

merantix-momentum · Mar 27, 2024 · ba0dec0 · ba0dec0
1 parent efda001
commit ba0dec0
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -4,15 +4,16 @@
 @import "{{ site.theme }}";
 
 .wrapper {
-  width:1200px;
+  width: 100%;
+  max-width:1200px;
   // left side is 270
   // 1200-270 = 930
   // 30px free room
   margin:0 auto;
 }
 
 section {
-  width:900px;
-  float:right;
-  padding-bottom:50px;
+  width: 97%; /* Change width to 100% for responsiveness */
+  float: none; /* Remove float */
+  padding-bottom: 50px;
 }