✨ TAREA: Crear un catálogo simple
👋 Diseñarás una página que muestre varios productos en tarjetas uniformes: buen ejercicio para practicar grids/flex y consistencia visual.
📌 Requisitos mínimos:
6–9 productos con imagen, nombre, precio y botón “Comprar” o “Ver”.
Distribución con Flexbox o CSS Grid para formar la rejilla.
💡 Sugerencias técnicas:
HTML: lista
con - .
CSS Grid recomendado: grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px;.
Hover efectos en la card (scale suave).
Accessibility: botones con aria-label si sólo hay iconos.
🎨 Diseño:
Tarjetas de mismo tamaño con imagen arriba, info abajo.
Botón destacado con contraste.
📤 Publicación/Entrega:
Subir proyecto y enlazar. Incluir JSON simple con los productos (opcional) en el repo.
✨ TAREA: Crear un catálogo simple
👋 Diseñarás una página que muestre varios productos en tarjetas uniformes: buen ejercicio para practicar grids/flex y consistencia visual.
📌 Requisitos mínimos:
6–9 productos con imagen, nombre, precio y botón “Comprar” o “Ver”.
Distribución con Flexbox o CSS Grid para formar la rejilla.
💡 Sugerencias técnicas:
HTML: lista
con- .
CSS Grid recomendado: grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px;.
Hover efectos en la card (scale suave).
Accessibility: botones con aria-label si sólo hay iconos.
🎨 Diseño:
Tarjetas de mismo tamaño con imagen arriba, info abajo.
Botón destacado con contraste.
📤 Publicación/Entrega:
Subir proyecto y enlazar. Incluir JSON simple con los productos (opcional) en el repo.