👁️
dynamic landing splash text size
+2
-2
+2
-2
src/routes/index.tsx
+2
-2
src/routes/index.tsx
···
36
36
<div className="min-h-[calc(100vh-64px)] bg-gradient-to-b from-slate-50 to-white dark:from-zinc-900 dark:to-zinc-950 overflow-x-hidden">
37
37
<div className="max-w-5xl mx-auto px-4 sm:px-6 py-16 md:py-24">
38
38
<div className="text-center mb-16">
39
-
<h1 className="inline-block text-5xl md:text-6xl font-medium text-gray-900 dark:text-white mb-4 tracking-tight font-display [font-variation-settings:'WONK'_1,'SOFT'_70,'opsz'_72] motion-safe:hover:[font-variation-settings:'WONK'_1,'SOFT'_100,'opsz'_25] motion-safe:transition-[font-variation-settings] motion-safe:duration-500 ease-in-out cursor-default">
39
+
<h1 className="inline-block text-4xl sm:text-5xl md:text-6xl font-medium text-gray-900 dark:text-white mb-4 tracking-tight font-display [font-variation-settings:'WONK'_1,'SOFT'_70,'opsz'_72] motion-safe:hover:[font-variation-settings:'WONK'_1,'SOFT'_100,'opsz'_25] motion-safe:transition-[font-variation-settings] motion-safe:duration-500 ease-in-out cursor-default">
40
40
deck belcher dot com
41
41
</h1>
42
-
<p className="text-xl text-gray-600 dark:text-zinc-300 max-w-xl mx-auto">
42
+
<p className="text-base sm:text-lg md:text-xl text-gray-600 dark:text-zinc-300 max-w-xl mx-auto">
43
43
organize, build, and share decks on the atmosphere
44
44
</p>
45
45
</div>