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

Practicing CSS using Flexbox

Lavishq 10

@Lavishq

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


I want to know how can the code can be made better. Product image is not visible on github but was visible on localhost. I have studied responsiveness but failed to implement so I want to know some suggestions for getting better.

Community feedback

@Femi-Bright

Posted

Hi! Lavishq, try to always precede your relative paths with ./ when you use only / it would work locally but might not work when hosted online

Use this instead

#perfume-img {
    background: url(./images/image-product-desktop.jpg);

2

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