Blogr Landing Page

Nuestro desafío será codificar una landing page Blogr, 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
- Light red (CTA text): hsl(356, 100%, 66%)
- Very light red (CTA hover background): hsl(355, 100%, 74%)
- Very dark blue (headings): hsl(208, 49%, 24%)

### Neutral
- White (text): hsl(0, 0%, 100%)
- Grayish blue (footer text): hsl(240, 2%, 79%)
- Very dark grayish blue (body copy): hsl(207, 13%, 34%)
- Very dark black blue (footer background): hsl(240, 10%, 16%)

### Gradient
Background gradient - Intro/CTA mobile nav:
- Very light red: hsl(13, 100%, 72%)
- Light red: hsl(353, 100%, 62%)

Background gradient - body:
- Very dark gray blue: hsl(237, 17%, 21%)
- Very dark desaturated blue: hsl(237, 23%, 32%)


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


### Fonts
- Weights: 300, 600
- Family: [Overpass](https://fonts.google.com/specimen/Overpass?preview.text_type=custom)

- Weights: 400, 500, 700
- Family: [Ubuntu](https://fonts.google.com/specimen/Ubuntu?preview.text_type=custom)

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