fix styling issues (#414)

restatedev · Jun 12, 2024 · c78c3ac · c78c3ac
1 parent c071fd0
commit c78c3ac
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 6 deletions.
diff --git a/src/components/ExampleWidget/styles.module.css b/src/components/ExampleWidget/styles.module.css
@@ -9,12 +9,6 @@
   gap: 10px;
 }
 
-@media screen and (max-width: 800px) {
-  .feature {
-    flex-basis: 100%;
-  }
-}
-
 .featureRow {
   display: grid;
   gap: 20px;
@@ -23,6 +17,21 @@
   row-gap: 40px;
 }
 
+@media screen and (min-width: 801px) and (max-width: 1350px) {
+  .featureRow {
+    grid-template-columns: repeat(2, minmax(250px, 1fr));
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .feature {
+    flex-basis: 100%;
+  }
+  .featureRow {
+    grid-template-columns: 1fr;
+  }
+}
+
 .lang {
   padding: 0px;
 }

diff --git a/src/components/SpotlightCard/styles.module.css b/src/components/SpotlightCard/styles.module.css
@@ -4,6 +4,7 @@
   border-radius: 24px;
   margin-top: 80px;
   margin-bottom: 80px;
+  padding: 0px 40px;
   background-image: linear-gradient(
     45deg,
     hsl(234deg 50% 43%) 0%,

diff --git a/src/css/new-design.css b/src/css/new-design.css
@@ -393,6 +393,12 @@ nav[aria-label="Main"] a[href="https://restate.dev/get-restate/"]
   font-weight: 400;
 }
 
+@media screen and (max-width: 800px) {
+  nav[aria-label="Main"] .navbar__items.navbar__items--right a {
+    display: none !important;
+  }
+}
+
 nav[aria-label="Main"] .navbar__items a {
   display: flex;
   align-items: center;
@@ -403,3 +409,8 @@ nav[aria-label="Main"] {
   border-bottom: 1px solid rgba(34, 36, 82, 0.5);
   height: 68px;
 }
+@media (max-width: 996px) {
+  nav[aria-label="Main"] .navbar__items.navbar__items--right {
+    padding-right: 160px;
+  }
+}