.

apps/blogai/app/[locale]/page.tsx

@@ -127,6 +127,7 @@ export default async function ChatIndexPage({ params: { locale } }: { params: {
     <>
       {/* <Web3Provider> */}
       <Header />
+      
       <div className='mb-40 md:mb-[4rem] '>
         {/* <Chat
           initialMessages={initialMessages}
@@ -167,6 +168,7 @@ export default async function ChatIndexPage({ params: { locale } }: { params: {
 
         <Article />
       </div>
+
       <Footer />
       {/* </Web3Provider> */}
     </>

apps/blogai/components/article/article.tsx

@@ -142,9 +142,6 @@ const NineGrid: React.FC<NineGridProps> = ({
   //   { total: 0, loding: true, current: 1, pageSize: 10 },
   // ]);
 
-
-
-
   const getQAList = async (current: number) => {
 
     if (initLoading) return
@@ -285,14 +282,12 @@ const NineGrid: React.FC<NineGridProps> = ({
     setCurrentPageQA(pageNumber);
   };
 
-
-
   return (
     <div style={{
       // width: '70%', 
       // margin: '0 auto' 
     }}
-      className='w-full lg:w-[70%] m-auto'
+      className='w-full lg:w-[100%] m-auto'
     >
       <TagsViews
         categoriesRef={categoriesRef}

apps/blogai/components/header.tsx

@@ -60,7 +60,7 @@ export function Header() {
   }
 
   return (
-    <header className="sticky top-0 z-50 flex  w-full shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem]">
+    <header className="sticky top-0 z-50 flex  w-full shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem] w-11/12 lg:w-2/3 xl:w-4/5  mx-auto">
       <LogoAI
         className='flex text-center m-auto'
       />