Skip to content
Submitted over 1 year ago

social-proof-section-master

Yvan•60
@YVANDD
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

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-ssbmPosted 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
    1
    Yvan•60
    @YVANDDPosted over 1 year ago

    @bap-ssbm oh thank you kentaro...

    1
  • Mukwende•1,370
    @mukwende2000Posted over 1 year ago

    what exactly did you find difficulty with font family and colors

    0
    Yvan•60
    @YVANDDPosted over 1 year ago

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

    0

Please log in to post a comment

Log in with GitHub

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