From aa84c011f5cef5ec3faee2b44225f95ebcb0e429 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Sun, 11 Feb 2024 15:10:26 -0800
Subject: [PATCH] fix main page responsive design

---
 src/app/components/News.tsx | 2 +-
 src/app/page.tsx            | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/News.tsx b/src/app/components/News.tsx
index 7055355..56f025b 100644
--- a/src/app/components/News.tsx
+++ b/src/app/components/News.tsx
@@ -1,6 +1,6 @@
 export default function News() {
   return (
-    <div className='bg-slate-800 rounded-lg p-6 w-full lg:max-w-lg md:max-w-md my-4 lg:my-0'>
+    <div className='bg-slate-800 rounded-lg p-6 w-full basis-full md:basis-2/5 my-4 lg:my-0'>
       <span className='text-3xl md:text-4xl text-slate-200'>
         eeXiv<sup>2</sup> News
       </span>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37936de..fd574b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -89,8 +89,8 @@ export default function Home() {
   }
 
   return (
-    <div className='text-slate-800 flex flex-wrap'>
-      <p className='font-serif text-lg max-w-lg mr-1 text-balance'>
+    <div className='text-slate-800 flex flex-wrap md:flex-row justify-center'>
+      <p className='font-serif text-lg basis-full md:basis-1/2 grow mr-1 text-balance'>
         eeXiv<sup>2</sup>, like arXiv, is a free distribution service and an
         open-access archive for nearly 2.4 million scholarly articles in the
         fields of physics, mathematics, computer science, quantitative biology,
@@ -106,7 +106,7 @@ export default function Home() {
         channels. Read more about us <Link href='/about'>here</Link>.
       </p>
       <News />
-      <div className='grid grid-cols-1 space-y-2 mt-4'>
+      <div className='grid grid-cols-1 space-y-2 mt-4 basis-full'>
         <hr className='mx-auto w-full h-1 border-0 bg-slate-200 my-2 rounded-md' />
         <span className='font-serif text-xl'>
           Selected documents in various disciplines