feat: Mejorar el diseño del footer ajustando la estructura de los elementos y optimizando el espacio

This commit is contained in:
2025-10-10 00:17:34 -05:00
parent 9787310e50
commit 65d845a80a

View File

@@ -38,9 +38,7 @@
<!-- Stats Footer con SVG Backgrounds mejorados -->
<!-- Stats Footer con SVG Backgrounds más pequeños -->
<div class="flex flex-wrap justify-center gap-4 pt-8 px-4">
<!-- Primera fila: Discord.js y Fecha -->
<div class="flex flex-wrap justify-center gap-4 w-full max-w-4xl">
<div class="flex flex-wrap md:flex-nowrap justify-center gap-4 pt-8 px-4 w-full max-w-6xl mx-auto">
<!-- Discord.js Version -->
<div class="relative flex-1 min-w-[240px] max-w-[320px]">
<img src="/assets/images/snap1.svg" alt="card background" class="w-full h-auto" style="display: block;">
@@ -64,10 +62,7 @@
</div>
</div>
</div>
</div>
<!-- Segunda fila: Secciones (tercer badge pequeño) -->
<div class="flex justify-center w-full max-w-4xl">
<!-- Tercer badge: Secciones -->
<div class="relative flex-1 min-w-[240px] max-w-[320px]">
<img src="/assets/images/snap2.svg" alt="card background" class="w-full h-auto" style="display: block;">
<div class="absolute inset-0 flex items-center gap-3 py-3 px-4">
@@ -75,7 +70,6 @@
<p class="text-sm font-semibold text-white" style="text-shadow: 0 2px 4px rgba(0,0,0,0.5);">23 Secciones</p>
</div>
</div>
</div>
</div>
</div>
</div>