fix: mobile hero
This commit is contained in:
parent
d9781ae3fc
commit
b7801ef528
|
|
@ -186,11 +186,11 @@ export function HeroSection() {
|
||||||
|
|
||||||
<p className="text-sm text-gray-500 mb-20">Free early access. No credit card required.</p>
|
<p className="text-sm text-gray-500 mb-20">Free early access. No credit card required.</p>
|
||||||
|
|
||||||
<div className="flex flex-nowrap gap-5 justify-center">
|
<div className="flex flex-wrap gap-3 sm:gap-5 justify-center">
|
||||||
{badges.map((badge, i) => (
|
{badges.map((badge, i) => (
|
||||||
<span
|
<span
|
||||||
key={i}
|
key={i}
|
||||||
className={`px-6 py-2.5 rounded-full text-sm flex items-center gap-2.5 whitespace-nowrap ${
|
className={`px-4 sm:px-6 py-2 sm:py-2.5 rounded-full text-sm flex items-center gap-2 sm:gap-2.5 whitespace-nowrap ${
|
||||||
badge.variant === 'cyan'
|
badge.variant === 'cyan'
|
||||||
? 'bg-cyan-500/10 border border-cyan-500/30 text-cyan-300'
|
? 'bg-cyan-500/10 border border-cyan-500/30 text-cyan-300'
|
||||||
: 'bg-indigo-500/15 border border-indigo-500/30 text-indigo-300'
|
: 'bg-indigo-500/15 border border-indigo-500/30 text-indigo-300'
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue