Product Preview Card Component
Nuestro desafío será codificar un componente de tarjeta vista previa de un producto, usando HTML y CSS, y lograr que se parezca lo más posible al diseño original.
Recursos
Aquí encontrarás los recursos necesarios para completar el desafío.
## Diseño
- Móvil: 375px
- Escritorio: 1200px
## Colores
### Primary
- hsl(158, 36%, 37%) - green 500
- hsl(158, 42%, 18%) - green 700
### Neutral
- hsl(212, 21%, 14%) - black
- hsl(228, 12%, 48%) - grey
- hsl(30, 38%, 92%) - cream
- hsl(0, 0%, 100%) - white
## Tipografía
- Font size (paragraph) - 14px
- Family (title): [Montserrat](https://fonts.google.com/specimen/Montserrat)
- Family (body): [Fraunces](https://fonts.google.com/specimen/Fraunces)
Ideas
Eres libre de utilizar las tecnologías que quieras. Lo importante es practicar y completar un proyecto todos los días:
Comunidad
Únete a cientos de miembros que están mejorando sus habilidades de codificación y hablando sobre el desafío 100 days of projects.
Referencias
- Diseño tomado de: Frontend Mentor
🏷️"La mejor manera de aprender a programar es practicando todos los días."