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 Component Main

@nicholasvelico

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


What are you most proud of, and what would you do differently next time?

All feedback is welcome. I know i made a lot of mistakes and that the code isn't that clean, but I'm training to improve.

Community feedback

Lyna 60

@djelidlyna

Posted

heyyy amazing job , really love it -i did the same but the problem is when i submit it evry element of my site is not in it position that i put on my code editer(vscode) ,i dont know why , how could you make the card hold still please.

1

@nicholasvelico

Posted

Thank you very much for the comment. I looked over your code and couldn't find where you placed the product image. I think it would be easier for you to compare my code with yours and have a basis for completing the challenge. In my case I used a container div and created another container for the image only, using it as the background. I didn't use % in the container size, you could try doing the test and changing it to pixels. You can also improve the organization of your files by creating a css folder and placing the file inside it. I know the answer wasn't a solution, but I can't say where your error really is, just things that can improve and make it work. I hope you can resolve it! @djelidlyna

0
Lyna 60

@djelidlyna

Posted

@nicholasvelico thank you a lot for your answer , yess i will makes some changes after i see yours , noo do not worry at all i know that some times things are not really clear , i hope too , thanks again!

1

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