Desing Frontendmentor Challenges

Elaborrado con sass.

Pasos de Uso

• npm install -g sass
• Nos vamos a la direccion de nuestra carpeta en el CMD y colocamos sass --watch ./scss/main.scss ./css/styles.css

Mobile

Desktop

Front-end Style Guide

Mobile First

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• Red: hsl(0, 78%, 62%)
• Cyan: hsl(180, 62%, 55%)
• Orange: hsl(34, 97%, 64%)
• Blue: hsl(212, 86%, 64%)

Neutral

• Very Dark Blue: hsl(234, 12%, 34%)
• Grayish Blue: hsl(229, 6%, 66%)
• Very Light Gray: hsl(0, 0%, 98%)

Typography

Body Copy

• Font size: 15px

Fonts

• Family: Poppins
• Weights: 200, 400, 600