Merge pull request #459 from bobrov-site/fixMarginsInLanding

Fix margins in landing
hexlet-rus · Apr 15, 2024 · a140076 · a140076
2 parents 33559f0 + 6fcac41
commit a140076
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/frontend/src/pages/landing/Landing.jsx b/frontend/src/pages/landing/Landing.jsx
@@ -118,8 +118,8 @@ function NewLanding() {
               </Button>
             </Col>
           </Row>
-          <Row className="d-lg-inline-flex mb-5 my-lg-5 background-dark">
-            <div className="d-lg-flex py-5 justify-content-between px-5">
+          <Row className="d-lg-inline-flex mb-5 my-lg-5 background-dark align-items-center">
+            <div className="d-lg-flex py-5 py-xl-4 py-lg-1 px-lg-1 justify-content-between px-5">
               <Col
                 as="figure"
                 className="col-12 d-flex flex-row gap-4 align-items-center col-lg-3 mb-4 mb-lg-0"

diff --git a/frontend/src/pages/landing/landing.scss b/frontend/src/pages/landing/landing.scss
@@ -139,9 +139,6 @@
             z-index: -1;
         }
     }
-    .background-dark {
-        color: black;
-    }
     .possibilities-background {
         position: relative;
         &::before {
@@ -159,3 +156,9 @@
         }
     }
 }
+
+@media (max-width: 991px) {
+    .background-dark {
+        color: black;
+    }
+}