Chat App CSS Illustration

Nuestro desafío será codificar una app de chat ilustrada, 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
#### Text
- Pale Violet (sub-heading at the top of the app UI): hsl(276, 100%, 81%)
- Moderate Violet (chat on the left): hsl(276, 55%, 52%)
- Desaturated Dark Violet (chat on the right): hsl(271, 15%, 43%)
- Grayish Blue (placeholder text): hsl(206, 6%, 79%)
- Very Dark Desaturated Violet (main heading): hsl(271, 36%, 24%)
- Dark Grayish Violet (paragraph): hsl(270, 7%, 64%)

#### Gradients
- Light Magenta: hsl(293, 100%, 63%)
- Light Violet: hsl(264, 100%, 61%)

### Secondary
- White: hsl(0, 0%, 100%)
- Light Grayish Violet (app background): hsl(270, 20%, 96%)
- Very Dark Desaturated Violet (submit button background): hsl(271, 36%, 24%)
- Very Light Magenta (radio button outline): hsl(289, 100%, 72%)


## Tipografía
### Body
- Font size: 14px

### Font
- Weights: 400, 500, 700
- Family: [Rubik](https://fonts.google.com/specimen/Rubik)

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