fix(Header): navbar items not responsive in small laptops screens

[AlejandroSuero]

Arreglados errores de linter y formatter para poder commitear.

Descripción

En pantallas de 1080p hasta que se oculta el navbar con los elementos, no era del todo responsivo.

Problema solucionado

Mejoras en la responsividad de Header.astro

Cambios propuestos

1. Cambios de padding según tamaños de pantalla.
2. Errores de linter y formatter

Capturas de pantalla (si corresponde)

Antes:

Después:

Comprobación de cambios

• He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
• He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
• He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
• He actualizado la documentación, si corresponde.

Impacto potencial

Mejorar la responsividad.

Contexto adicional

Enlaces útiles

• Documentación del proyecto:
• Código de referencia:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
la-velada-web-oficial	❌ Failed (Inspect)			Mar 14, 2024 3:11pm

[github-actions]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.