Browser extension manager UI

Nuestro desafío será codificar un administrador de extensiones, 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
### Neutral
- Neutral 900: `hsl(227, 75%, 14%)`
- Neutral 800: `hsl(226, 25%, 17%)`
- Neutral 700: `hsl(225, 23%, 24%)`
- Neutral 600: `hsl(226, 11%, 37%)`
- Neutral 300: `hsl(0, 0%, 78%)`
- Neutral 200: `hsl(217, 61%, 90%)`
- Neutral 100: `hsl(0, 0%, 93%)`
- Neutral 0: `hsl(200, 60%, 99%)`

### Red
- Red 400: `hsl(3, 86%, 64%)`
- Red 500: `hsl(3, 71%, 56%)`
- Red 700: `hsl(3, 77%, 44%)`

### Gradient
- Light Gradient: `linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%)`
- Dark Gradient: `linear-gradient(180deg, #040918 0%, #091540 100%)`


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

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

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