Make editor more responsive

rautio · Oct 16, 2023 · cc3412e · cc3412e
1 parent ce79606
commit cc3412e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/demo/src/app/page.tsx b/demo/src/app/page.tsx
@@ -10,7 +10,7 @@ export default function Home() {
       <Header />
       <Separator className="" />
       <main className="flex flex-col items-center justify-between pr-4 pl-4 max-w-6xl m-auto">
-        <section className="m-16 text-center ">
+        <section className="md:m-16 m-6 text-center ">
           <h1 className="text-2xl">
             Generate a cron schedule from natural text.
           </h1>
@@ -32,7 +32,7 @@ export default function Home() {
             Github issues.
           </Link>
         </p>
-        <div className="m-auto mt-16">
+        <div className="m-auto mt-8 md:mt-16">
           <Separator className="mb-4" />
           <h2 className="text-xl text-neutral-300 text-center mb-6">
             What is Cron?