Results Summary Component
Nuestro desafío será codificar un componente de resumen de resultados, usando HTML y CSS, y lograr que se parezca lo más posible al diseño.
Recursos
Aquí encontrarás los recursos necesarios para completar el desafío.
## Colores
### Primary
- Light red: hsl(0, 100%, 67%)
- Orangey yellow: hsl(39, 100%, 56%)
- Green teal: hsl(166, 100%, 37%)
- Cobalt blue: hsl(234, 85%, 45%)
### Gradients
- Light slate blue (background): hsl(252, 100%, 67%)
- Light royal blue (background): hsl(241, 81%, 54%)
- Violet blue (circle): hsla(256, 72%, 46%, 1)
- Persian blue (circle): hsla(241, 72%, 46%, 0)
### Neutral
- White: hsl(0, 0%, 100%)
- Pale blue: hsl(221, 100%, 96%)
- Light lavender: hsl(241, 100%, 89%)
- Dark gray blue: hsl(224, 30%, 27%)
### Fuente
- Hanken Grotesk
- Font size (parrafo) - 18px
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.