[incubator-devlake-website] branch main updated: fix: add max width for extreme wide screen

[yu...@apache.org]

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

yumeng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-devlake-website.git


The following commit(s) were added to refs/heads/main by this push:
     new 678016e0f fix: add max width for extreme wide screen
678016e0f is described below

commit 678016e0f6439292115adcd93f07d7fcdea8d8e6
Author: ZiyuTao <zi...@merico.dev>
AuthorDate: Thu Sep 15 17:51:21 2022 +0800

    fix: add max width for extreme wide screen
---
 src/components/Sections/HomepageHeader.tsx | 2 +-
 src/pages/index.js                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sections/HomepageHeader.tsx b/src/components/Sections/HomepageHeader.tsx
index 7f3c43794..7a47116f9 100644
--- a/src/components/Sections/HomepageHeader.tsx
+++ b/src/components/Sections/HomepageHeader.tsx
@@ -21,7 +21,7 @@ export function HomepageHeader() {
         sm:pt-5 sm:pb-[0px]
         flex sm:flex-col
         justify-between items-center
-        max-w-[80%] mx-auto sm:max-w-[90%]"
+        max-w-[80%] xl:max-w-[1440px] mx-auto sm:max-w-[90%]"
       >
         <div className=" z-10
           flex flex-col flex-nowrap
diff --git a/src/pages/index.js b/src/pages/index.js
index 021f06d1b..503c53cce 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -19,7 +19,7 @@ export default function Home() {
         <div className=' mx-auto bg-white'>
           <HomepageHeader />
           <main className='max-w-[70%] xl:mx-auto
-            sm:max-w-[90%] mx-auto'>
+            sm:max-w-[90%] mx-auto xl:max-w-[1280px]'>
             <WhyDevlake />
             <UseCases />
             <UserFlow />