feat: fix responsive design landing page (#12)

bellshade · Jan 23, 2024 · 8e544ed · 8e544ed
1 parent 4c63c46
commit 8e544ed
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -40,7 +40,7 @@ export default function Home() {
             <main className="flex min-h-dvh items-center justify-center py-20">
                 <div className="container grid items-center gap-10 text-center lg:grid-cols-2 lg:text-left">
                     <div className="order-2 space-y-8 lg:order-1">
-                        <h1 className="text-6xl font-black sm:text-8xl lg:text-6xl xl:text-7xl 2xl:text-8xl">
+                        <h1 className="text-5xl font-black sm:text-8xl lg:text-6xl xl:text-7xl 2xl:text-8xl">
                             <span className="bg-gradient-to-br from-indigo-600 to-rose-400 bg-clip-text text-transparent">
                                 OpenSeries:{" "}
                             </span>
@@ -57,13 +57,13 @@ export default function Home() {
                             >
                                 Get Started
                             </Link>
-                            <span className="flex items-center gap-2">
+                            <span className="flex flex-wrap items-center gap-2">
                                 By
                                 {projectByLinks.map((link) => (
                                     <Link
                                         key={link.name}
                                         target="_blank"
-                                        className="rounded-full border-2 border-rose-400 px-4 py-1 text-xs font-medium text-rose-400 transition-all duration-200 hover:bg-rose-100"
+                                        className="whitespace-nowrap rounded-full border-2 border-rose-400 px-4 py-1 text-xs font-medium text-rose-400 transition-all duration-200 hover:bg-rose-100"
                                         href={link.href}
                                     >
                                         {link.name}