styling: adjust intro page middle screen display

Magickbase · Aug 8, 2024 · d3205ed · d3205ed
1 parent aec8201
commit d3205ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/home/index.module.scss b/src/pages/home/index.module.scss
@@ -192,7 +192,7 @@ $headerZ: 2;
 .slideCKBIntro {
   flex-grow: 1;
   min-height: 100vh;
-  margin-top: calc(10px + var(#{$headerHeightVarName}));
+  margin: calc(10px + var(#{$headerHeightVarName})) 12% 0;
 
   .slideCKBIntroContent {
     display: flex;

diff --git a/src/styles/variables.module.scss b/src/styles/variables.module.scss
@@ -1,5 +1,5 @@
 $mobileBreakPoint: 750px;
-$wideBreakPoint: 1440px;
+$wideBreakPoint: 1800px;
 
 :export {
   mobileBreakPoint: $mobileBreakPoint;