Stats Preview Card Component
Nuestro desafío será codificar una tarjeta vista previa de estadisticas, 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
- Very dark blue (main background): hsl(233, 47%, 7%)
- Dark desaturated blue (card background): hsl(244, 38%, 16%)
- Soft violet (accent): hsl(277, 64%, 61%)
### Neutral
- White (main heading, stats): hsl(0, 0%, 100%)
- Slightly transparent white (main paragraph): hsla(0, 0%, 100%, 0.75)
- Slightly transparent white (stat headings): hsla(0, 0%, 100%, 0.6)
## Tipografía
- Inter: 400, 700
- Lexend+Deca: 400
- Font size (paragraph) - 15px
- Family: [Inter](https://fonts.google.com/specimen/Inter)
- Family: [Lexend+Deca](https://fonts.google.com/specimen/LexendDeca)
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."