styles(landing-page): fix container width in large screens (#6)

Teradata · May 13, 2024 · 9a6b518 · 9a6b518
1 parent 6957c33
commit 9a6b518
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -85,3 +85,9 @@
     max-width: 1440px;
   }
 }
+
+@media (min-width: 1440px) {
+  .container {
+    max-width: 1440px;
+  }
+}
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -75,15 +75,15 @@
 .buttons .getStartedButton {
   flex-direction: row;
   font-size: 1.125rem;
+}
 
-  &:after {
-    content: 'east';
-    font-family: Material Symbols Outlined;
-    margin-left: 0.5rem;
-    pointer-events: none;
-    position: relative;
-    top: 1px;
-  }
+.buttons .getStartedButton:after {
+  content: 'east';
+  font-family: Material Symbols Outlined;
+  margin-left: 0.5rem;
+  pointer-events: none;
+  position: relative;
+  top: 1px;
 }
 
 @media screen and (min-width: 768px) and (max-width: 1024px) {
@@ -143,3 +143,9 @@
     margin-top: 2.5rem;
   }
 }
+
+@media (min-width: 1440px) {
+  .container {
+    max-width: 1440px;
+  }
+}