fix responsive

This commit is contained in:
Nyavokevin 2025-10-25 13:05:38 +03:00
parent f4fae85212
commit 8a92cee527
2 changed files with 5 additions and 7 deletions

View File

@ -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 -->

View File

@ -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"