[apisix-website] branch master updated: fix: broken responsive behavior on mobile devices (#1128)

[singhsh]

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

singhsh 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 53d28ea24cd fix: broken responsive behavior on mobile devices (#1128)
53d28ea24cd is described below

commit 53d28ea24cd23ebd1375c7b775904b05978fce45
Author: Shivam Singh <sing...@apache.org>
AuthorDate: Fri Jun 3 16:41:42 2022 +0530

    fix: broken responsive behavior on mobile devices (#1128)
    
    * fix: broken responsive behavior on mobile devices
    
    * chore: tweak values for better responsiveness
---
 website/src/css/customTheme.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css
index c09d0b3a085..bdd399250d0 100644
--- a/website/src/css/customTheme.css
+++ b/website/src/css/customTheme.css
@@ -941,6 +941,7 @@ a:hover {
   background: #0a0a0a;
   width: 50%;
   height: 100%;
+  overflow: hidden;
 }
 
 .oss-promo-cta {
@@ -980,7 +981,7 @@ a:hover {
 .event-card {
   border-style: solid;
   border-color: #fff;
-  box-shadow: 0 4px 23px rgb(0 0 0 / 10%));
+  box-shadow: 0 4px 23px rgb(0 0 0 / 10%);
   font-size: 0.95rem;
   font-family: MaisonNeue-Light, sans-serif;
   font-weight: 700;
@@ -1354,7 +1355,11 @@ a:hover {
     width: 100vw;
     height: 50vh;
   }
-
+  
+  .hero-infograph {
+    overflow: hidden;
+  }
+  
   .hldesign-graphic {
     width: 100%;
   }
@@ -1501,7 +1506,7 @@ a:hover {
   }
 
   .endcta-text {
-    font-size: 2.4rem;
+    font-size: 1.7rem;
   }
 
   .navbar {
@@ -1552,7 +1557,7 @@ a:hover {
   }
 
   .endcta-text {
-    font-size: 2rem;
+    font-size: 1.6rem;
   }
 
   .arch-head,