diff --git a/src/components/ExampleWidget/styles.module.css b/src/components/ExampleWidget/styles.module.css index 657f97b7..a6c03fea 100644 --- 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 index 5600ddfa..5a06ec7d 100644 --- 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 index 822f0b64..a9556b99 100644 --- 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; + } +}