From d1f89778e92e00dc2e5dd2ee5f2bfee407ef0718 Mon Sep 17 00:00:00 2001
From: Eva Ho <eva.ho@infrahq.com>
Date: Tue, 18 Jul 2023 16:17:42 -0400
Subject: [PATCH] fix css on smaller screen

---
 web/app/download/page.tsx |  2 +-
 web/app/page.tsx          | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/app/download/page.tsx b/web/app/download/page.tsx
index 6c2e3f1f..3b82199a 100644
--- a/web/app/download/page.tsx
+++ b/web/app/download/page.tsx
@@ -29,7 +29,7 @@ export default async function Download() {
   return (
     <>
       <Header />
-      <main className='flex min-h-screen max-w-6xl flex-col p-20 lg:p-32 items-center mx-auto'>
+      <main className='flex min-h-screen max-w-6xl flex-col py-20 px-16 lg:p-32 items-center mx-auto'>
         <img src='/ollama.png' className='w-16 h-auto' />
         <section className='mt-12 mb-8 text-center'>
           <h2 className='my-2 max-w-md text-3xl tracking-tight'>Downloading...</h2>
diff --git a/web/app/page.tsx b/web/app/page.tsx
index c3d00a22..b41ad0ea 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -7,20 +7,20 @@ export default async function Home() {
   return (
     <>
       <Header />
-      <main className='flex min-h-screen max-w-6xl flex-col p-20 lg:p-32 items-center mx-auto'>
+      <main className='flex min-h-screen max-w-6xl flex-col py-20 px-16 md:p-32 items-center mx-auto'>
         <img src='/ollama.png' className='w-16 h-auto' />
         <section className='my-12 text-center'>
           <div className='flex flex-col space-y-2'>
-            <h2 className='max-w-[18rem] mx-auto my-2 text-3xl tracking-tight'>Portable large language models</h2>
-            <h3 className='max-w-xs mx-auto text-base text-neutral-500'>
+            <h2 className='md:max-w-[18rem] mx-auto my-2 text-3xl tracking-tight'>Portable large language models</h2>
+            <h3 className='md:max-w-xs mx-auto text-base text-neutral-500'>
               Bundle a model’s weights, configuration, prompts, data and more into self-contained packages that run anywhere.
             </h3>
           </div>
           <div className='mx-auto flex flex-col space-y-4 mt-12'>
-            <a href='/download' className='mx-14 bg-black text-white rounded-full px-4 py-2 focus:outline-none cursor-pointer'>
+            <a href='/download' className='md:mx-10 lg:mx-14 bg-black text-white rounded-full px-4 py-2 focus:outline-none cursor-pointer'>
               Download
             </a>
-            <p className='text-neutral-500 text-sm'>
+            <p className='text-neutral-500 text-sm '>
             Available for macOS with Apple Silicon <br />
             Windows & Linux support coming soon.
             </p>