Design comparison
SolutionDesign
Solution retrospective
Couldn't get images to appear on the live site. Worked fine on my laptop. Can you guys tell me why is that happening? Thanks.
Community feedback
- @PhilalePosted about 2 years ago
Hey,
Congratulations on completing the challenge, looks pretty.
Regarding your question why the image does not show up:
Check out this question on SO, there is a informative answer!
Try copying the svg element from the svg file into the
url()
function, like so:background-image: url("data:image/svg+xml,***<svg xmlns="http://www.w3.org/2000/svg" width="146" height="145"><g fill="none" fill-rule="evenodd" stroke="#CFD8EF"><circle cx="63" cy="82" r="62.5"/> <circle cx="105" cy="41" r="40.5"/></g></svg>***");
I did not test it myself, but give it a try. You said it works on your laptop, so I don't know if that will solve the problem.
Marked as helpful1@alex1991tikhomirovPosted about 2 years ago@Philale thanks a lot. I appreciate your advice.
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