fix responsive
This commit is contained in:
parent
f4fae85212
commit
8a92cee527
@ -8,8 +8,12 @@
|
||||
|
||||
<!-- Content Container -->
|
||||
<div class="relative z-10 mx-auto max-w-6xl px-4">
|
||||
<h2 class="mb-16 text-center text-4xl font-bold text-[var(--midnight-blue)] drop-shadow-sm md:text-5xl">Comment cela fonctionne</h2>
|
||||
<!-- Titre avec couleur blanche sur mobile et couleur originale sur desktop -->
|
||||
<h2 class="mb-16 text-center text-4xl font-bold text-white drop-shadow-sm md:text-5xl md:text-[var(--midnight-blue)]">
|
||||
Comment cela fonctionne
|
||||
</h2>
|
||||
|
||||
<!-- Le reste du code reste identique -->
|
||||
<!-- Timeline Container -->
|
||||
<div class="relative mx-auto max-w-2xl">
|
||||
<!-- Vertical Timeline Line -->
|
||||
|
||||
@ -146,12 +146,6 @@ onMounted(() => {
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<div class="mb-8 text-center">
|
||||
<!-- Mobile logo without rounding or shadow -->
|
||||
<img src="logo_or.png" alt="Logo" class="mx-auto mb-4 h-20 w-20 object-cover" />
|
||||
<h2 class="font-serif text-2xl font-bold text-[var(--midnight-blue)]">Kris Saint Ange</h2>
|
||||
</div>
|
||||
|
||||
<nav class="flex w-full max-w-sm flex-col items-center gap-6">
|
||||
<Link
|
||||
class="w-full rounded-xl border border-[var(--linen)] bg-white/50 py-4 text-center text-lg font-medium text-[var(--midnight-blue)] transition-all duration-300 hover:border-[var(--subtle-gold)]/30 hover:bg-[var(--subtle-gold)]/10 hover:shadow-sm"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user