Fixing alignment issue

megabyte-labs · Apr 26, 2024 · 8441924 · 8441924
1 parent bf05862
commit 8441924
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/global/style-default.scss b/src/global/style-default.scss
@@ -1298,12 +1298,22 @@ landing-page #start {
   position: relative;
   width: 100%;
 }
-#hightop,
+
+#hightop {
+  display: table;
+
+  > .ui-container {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+#homing-particles #hightop,
 #slider-container,
 .btns-container {
   > .ui-container {
-    margin-top: 140px;
-    margin-bottom: 140px;
+    margin-top: 90px;
+    margin-bottom: 90px;
   }
   p.parallax-header {
     font-weight: 400;

diff --git a/src/pages/landing-page/components/top-parallax.scss b/src/pages/landing-page/components/top-parallax.scss
@@ -22,8 +22,8 @@
   width: 100%;
 
   > .ui-container {
-    margin-top: 140px;
-    margin-bottom: 140px;
+    margin-top: 90px;
+    margin-bottom: 90px;
   }
   p.parallax-header {
     font-weight: 400;