Interactive Pricing Component

Nuestro desafío será codificar un componente de precios interactivo, 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
- Soft Cyan (Full Slider Bar): hsl(174, 77%, 80%)
- Strong Cyan (Slider Backround): hsl(174, 86%, 45%)
- Light Grayish Red (Discount Background): hsl(14, 92%, 95%)
- Light Red (Discount Text): hsl(15, 100%, 70%)
- Pale Blue (CTA Text): hsl(226, 100%, 87%)

### Neutral
- White (Pricing Component Background): hsl (0, 0%, 100%)
- Very Pale Blue (Main Background): hsl(230, 100%, 99%)
- Light Grayish Blue (Empty Slider Bar): hsl(224, 65%, 95%)
- Light Grayish Blue (Toggle Background): hsl(223, 50%, 87%)
- Grayish Blue (Text): hsl(225, 20%, 60%)
- Dark Desaturated Blue (Text & CTA Background): hsl(227, 35%, 25%)


## Tipografía
### Body
- Font size (Introductory Paragraph): 15px


### Font
- Weights: 600, 800
- Family: [Manrope](https://fonts.google.com/specimen/Manrope)

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."