Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

tienda de agendas kiut.

Tiendita de Agendas
Carrito 0

Agendas personalizadas y elegantes

Portadas rosadas, paginas para reuniones, habitos y enfoque. Personaliza tu nombre y color.

Catalogo

Agenda Rose

Agenda Rose Pro

Semana vista

$39.900
Lavanda Executive

Lavanda Executive

Mensual + reuniones

$44.900
Minimal Office

Minimal Office

Diaria

$36.900

Personaliza la tuya

Enviame nombre, color y secciones (habitos, reuniones, finanzas). Te envio un diseño previo.

Correo: adis@example.com - Monteria, CO

© Adis - Tiendita

1 respuesta

¡Hola Estudiante, espero que estés bien!

Veo que estás trabajando en un proyecto de una tienda de agendas. El código HTML y CSS que has compartido parece estar bien estructurado para una página básica de comercio electrónico. Aquí tienes algunas sugerencias para mejorar o expandir tu proyecto:

  1. Agregar más productos: Puedes añadir más artículos al catálogo para practicar el uso de display: grid y flexbox. Simplemente duplica una de las secciones <article class="card"> y ajusta las imágenes y descripciones.

  2. Interactividad con JavaScript:

    • Podrías mejorar la funcionalidad del carrito de compras. Actualmente, el contador de artículos en el carrito se incrementa, pero podrías guardar esta información en el almacenamiento local del navegador para que persista al recargar la página.
    • Considera agregar una alerta o notificación cuando un usuario añada un artículo al carrito.
  3. Estilos adicionales:

    • Intenta variar los estilos de las tarjetas de productos para hacerlas más atractivas. Puedes usar sombras (box-shadow) o transiciones suaves al pasar el ratón (hover).
    • Personaliza la paleta de colores o utiliza fuentes diferentes para darle un toque único.
  4. Contenido multimedia:

    • Incluir un video corto sobre cómo se fabrican las agendas o testimonios de clientes puede hacer la página más atractiva.
    • Agregar música de fondo suave podría mejorar la experiencia del usuario, pero asegúrate de que el usuario tenga control sobre la reproducción.
  5. Optimización para móviles:

    • Aunque ya tienes media queries, asegúrate de que todos los elementos se vean bien en diferentes tamaños de pantalla. Prueba en varios dispositivos o simuladores.

Estas son solo algunas ideas para seguir mejorando tu proyecto. Espero que te sean útiles y te ayuden a seguir aprendiendo y practicando HTML y CSS. ¡Espero haber ayudado y buenos estudios!