Design comparison
Solution retrospective
Moving forward with studies
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done looks good. You forgot to add the background image.
Marked as helpful0 - @KevenGonCabralPosted over 1 year ago
is on the code but Git hub pages failed to load the background image, im looking how to solve it 👍
edit: on live site (Ctrl + Shift + i) u will see the error on console, if u guys can help me
0@hitmorecodePosted over 1 year ago@KevenGonCabral I took a look at your CSS here is the problem
background-image: url(/img/pattern-background-desktop.svg);
. The url is not looking in the right directory, change to thisbackground-image: url(../img/pattern-background-desktop.svg);
. This should work.Edit: I forgot to mention this, you need to add this for the background to fill the page in the width
background-size: contain
Also you don't need to add the font family everywhere you need. You just need to add it in the body like you did and remove it anywhere else. When you add it in the body it will apply to the entire page.
I have one more tip you can use in the coming challenges.
- It's good practice to use CSS reset check this link for more information CSS Tools: Reset CSS
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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