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

Product preview card using HTML and CSS

@Preciousglows

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Helppp guys! My background image totally disappeared. Any form of tips would be highly appreciated.

Community feedback

Ferβ€’ 3,970

@fernandolapaz

Posted

Hi πŸ‘‹:

  • Regarding the image, simply remove the first slash to make it appear, like so:
background-image: url(images/image-product-desktop.jpg);
  • And it might be good to get used to designing with the Mobile first approach, which means designing for mobile first and then for desktop or any other device, as it is widely considered best practice.

I hope it’s useful,

And please let me know if it worked : )

Regards,

Marked as helpful

0

@Preciousglows

Posted

@fernandolapaz hey thanks for your assistance but it didn't change though.

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