[apisix-website] branch master updated: fix: ospromo, endcta style below 1500px (#1183)

[bzp2010]

This is an automated email from the ASF dual-hosted git repository.

bzp2010 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 510adf68ade fix: ospromo, endcta style below 1500px (#1183)
510adf68ade is described below

commit 510adf68adecdcd82686c86b334431355e7daeac
Author: Young <isk...@outlook.com>
AuthorDate: Mon Jul 4 14:25:51 2022 +0800

    fix: ospromo, endcta style below 1500px (#1183)
---
 website/src/css/endcta.module.scss   |  8 ++++++++
 website/src/css/os-promo.module.scss | 13 ++++++++++---
 website/src/css/util.scss            |  2 +-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/website/src/css/endcta.module.scss 
b/website/src/css/endcta.module.scss
index 0c40e159b75..afda2110d79 100644
--- a/website/src/css/endcta.module.scss
+++ b/website/src/css/endcta.module.scss
@@ -44,6 +44,14 @@ $apisix-color: #e8433e;
     display: flex;
   }
 
+  @include respond-below(lg) {
+    & .text {
+      & .rocket {
+        display: none;
+      }
+    }
+  }
+
   @include respond-below(sm) {
     min-height: 50vh;
     margin: 0 1rem;
diff --git a/website/src/css/os-promo.module.scss 
b/website/src/css/os-promo.module.scss
index 743aba7df80..7e916c3d62f 100644
--- a/website/src/css/os-promo.module.scss
+++ b/website/src/css/os-promo.module.scss
@@ -82,16 +82,15 @@
     }
   }
 
-  @include respond-below(sm) {
-    margin: 0 1rem;
+  @include respond-below(lg) {
     flex-direction: column;
 
     & .ossPromo {
       min-width: unset;
+      width: auto;
     }
 
     & .docsPromo {
-      flex-direction: column;
       margin: 4rem 0 0;
 
       & .docsPromoHead {
@@ -99,4 +98,12 @@
       }
     }
   }
+
+  @include respond-below(sm) {
+    margin: 0 1rem;
+
+    & .docsPromo {
+      flex-direction: column;
+    }
+  }
 }
diff --git a/website/src/css/util.scss b/website/src/css/util.scss
index 4328163e479..2308b380a36 100644
--- a/website/src/css/util.scss
+++ b/website/src/css/util.scss
@@ -4,7 +4,7 @@ $breakpoints: (
   xs: 369px,
   sm: 736px,
   md: 1024px,
-  lg: 1400px,
+  lg: 1500px,
 );
 
 // @include respond-above() {}