BuildWeb and Responsive with Sass

Build Responsive Web ( Sass, HTML, CSS and Javascript). Project with Figma.

Front-end Style Guide

Layout

The Design were created to the following widths:

SASS

• Sass

Media Queries

• MyDevice
• Mobile: 375px
• Desktop: 1440px

Colors

• Adobe-Color

Primary

• Dark Blue: hsl(233, 26%, 24%)
• Lime Green: hsl(136, 65%, 51%)
• Bright Cyan: hsl(192, 70%, 51%)

Neutral

• Grayish Blue: hsl(233, 8%, 62%)
• Light Grayish Blue: hsl(220, 16%, 96%)
• Very Light Gray: hsl(0, 0%, 98%)
• White: hsl(0, 0%, 100%)

Icons

• FontAwesome

Image

• Unsplash

Body Copy

font

• Google-Fonst

• Adobe-colors

• Font size: 18px

• Font size: 62.5%

• Public Family

• Weights: 300, 400

Inspired Project:

• Coder Coder
• Frontend Mentor: - Frontend