@YVANDD
Submitted
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.
@bap-ssbm
@YVANDD
Submitted
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.
@bap-ssbm
Posted
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
any feedback please !!, i have completed this challenge but one thing i haven't completed is a blur background when sidebar clicked, if you read this please give me a solution, thank you
@bap-ssbm
Posted
Hello! For the blurred background I suggest using box-shadow property on your .sideNav class using a black color with some transparency such as rgba(0, 0, 0, 0.5); for example.
hope this helps! :)
Marked as helpful