Animaciones CSS y Diseño Responsivo

¡Bienvenido al proyecto de Animaciones CSS y Diseño Responsivo para Grid Cards!

Descripción del Proyecto

Este proyecto se centra en la creación de animaciones utilizando CSS para mejorar la presentación de tarjetas dispuestas en un grid. Además, se ha implementado un diseño completamente responsivo que se adapta a dispositivos móviles, tabletas y escritorios. También se incorpora un menú desplegable para mejorar la navegación en dispositivos móviles.

Características Destacadas

1. Animaciones CSS para Grid Cards: Cada tarjeta del grid presenta animaciones cuidadosamente diseñadas, proporcionando una experiencia visual atractiva y dinámica al usuario.

2. Diseño Responsivo:

   • Móvil: Se garantiza una experiencia óptima en dispositivos móviles con un diseño adaptado y atractivo.
   • Tablet: El proyecto mantiene su atractivo visual en tabletas, asegurando una navegación cómoda.
   • Escritorio: La disposición del grid y las animaciones se escalan elegantemente para adaptarse a pantallas de escritorio.

3. Menú Desplegable en Dispositivos Móviles: Se ha implementado un menú desplegable para facilitar la navegación en dispositivos móviles, mejorando la accesibilidad a las secciones principales de la página.

Capturas de Pantalla

Adjunto algunas capturas de pantalla para demostrar la adaptabilidad del diseño en ambos layouts.

• Layout Móvil:

• Layout de Tablet:

• Layout de Escritorio: