Submitted over 1 year ago

social-proof-section-master

Yvan• 60

@YVANDD

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Here there are some challenge that I have met in this project: #font-family was quite hard for me #colors and background-color was hard to know as well.

NOTICE: I would like to accept an ideas that help me to improve skills.

Community feedback

Kentaro• 450

@bap-ssbm

Posted over 1 year ago

you should be able to find the font family and colors in the style-guide.md file you get when downloading the starter code. Front-end mentor provides that file for every project!

it should look like this


## Layout

The designs were created to the following widths:

- Mobile: 375px
- Desktop: 1440px

## Colors

### Primary

Very Dark Magenta: hsl(300, 43%, 22%)
Soft Pink: hsl(333, 80%, 67%)

### Neutral

Dark Grayish Magenta: hsl(303, 10%, 53%)
Light Grayish Magenta: hsl(300, 24%, 96%)
White: hsl(0, 0%, 100%)

## Typography

### Body Copy

- Font size: 15px

### Font

- Family: [League Spartan](https://fonts.google.com/specimen/League+Spartan)
- Weights: 400, 500, 700

Yvan• 60

@YVANDD

Posted over 1 year ago

@bap-ssbm oh thank you kentaro...

Mukwende• 1,370

@mukwende2000

Posted over 1 year ago

what exactly did you find difficulty with font family and colors

Yvan• 60

@YVANDD

Posted over 1 year ago

@mukwende2000 when i'm trying to match font-color as same as project font.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord