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 original.
Recursos
Aquí encontrarás los recursos necesarios para completar el desafío.
## Diseño
- Móvil: 375px
- Escritorio: 1200px
## Colores
### Primary
- Light red: hsl(0, 100%, 67%)
- Orange 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%)
## Tipografía
- Font size (paragraph) - 18px
- Family (title): [Hanken Grotesk](https://fonts.google.com/specimen/HankenGrotesk)
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."