Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML CSS SASS JavaScript

@alex1991tikhomirov

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

philale 350

@Philale

Posted

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 helpful

1

@alex1991tikhomirov

Posted

@Philale thanks a lot. I appreciate your advice.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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