Interactive Card Details Form

Nuestro desafío será codificar un formulario de tarjeta de crédito, usando HTML, CSS y JavaScript, 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
- Linear gradient (active input border): hsl(249, 99%, 64%) to hsl(278, 94%, 30%)
- Red (input errors): hsl(0, 100%, 66%)

### Neutral
- White: hsl(0, 0%, 100%)
- Light grayish violet: hsl(270, 3%, 87%)
- Dark grayish violet: hsl(279, 6%, 55%)
- Very dark violet: hsl(278, 68%, 11%)


## Tipografía
### Body
- Font size (paragraph): 18px


### Font
- Weights: 500
- Family: [Space Grotesk](https://fonts.google.com/specimen/Space+Grotesk)

Ideas

Eres libre de utilizar las tecnologías que quieras. Lo importante es practicar y completar un proyecto todos los días:

• Git
• CSS
• HTML
• Bootstrap

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.

Quiero unirme

Referencias

• Diseño tomado de: Frontend Mentor

🏷️"La mejor manera de aprender a programar es practicando todos los días."