Design comparison
Solution retrospective
Any feedbacks are welcome! I have one difficulty with this challenge, the background-image it's not displayed, I dunno why. I did mention the image in my style.css: background-image: url(images/pattern-background-desktop.svg); background-repeat: no-repeat; background-size: 100% 50%; background-color: hsl(225, 100%, 94%);
But the image doesn't appear. Can somebody help with it? Thanks!
Community feedback
- @AdrianoEscarabotePosted almost 2 years ago
Fala Yuri Mendes, tudo bem?
Observei que você usou dois arquivos
style.css
! vou fazer a mudança em apenas um, que é o que está dentro da pastacss
body { background: url(../images/pattern-background-desktop.svg) hsl(225, 100%, 94%); background-repeat: no-repeat; background-size: 100% 50vmin; }
Faça o teste!
Eu só tive que voltar o diretório com o
../
espero que ajude!
Marked as helpful0@Yuri-MendesPosted almost 2 years ago@AdrianoEscarabote Muito obrigado, coloquei o outro arquivo .css sem querer na pasta principal, mas já exclui.
Nem acredito que era só isso, rsrs, deu certo, muito obrigado.
1 - @SinisaVukmirovicPosted almost 2 years ago
Hello!
I think I found your problem with background images.
I think the problem is linking incorrect CSS file in the HTML. I think your path is not correct.
I think you have duplicate code, too. You have style.css and style.css inside of CSS folder. Not the best idea to have 2 files of the same type, with the exact same name. If you would change link to your CSS file in the HTML into this:
<link rel="stylesheet" type="text/css" href="./style.css">
...then the background images appear.
Your code needs refactoring, hope this helps you to do this. Good luck!
0@Yuri-MendesPosted almost 2 years ago@SinisaVukmirovic Thanks, another user helped me, and the background image appeared. I just deleted the duplicated .css as well, and the linking is correct, the problem was the directory link on background-image, put ../ and solved it.
0
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