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

Prodcut card page

Hardik 20

@Harrrdik18

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 somehow was able to make this but the code seems a complete mess to me any feedback will be appreciated

Community feedback

@Dewanshakib

Posted

I know you tried your best to complete this challenge and your code is not messy.Some property you used was nice but some property you did not used.So if you have time then i recommend that you can check my repositery of this project.I think it will be helpful for you.

Marked as helpful

1

Hardik 20

@Harrrdik18

Posted

@Dewanshakib yes, I see, I missed some stuff.

0

@tiobista

Posted

Hey this a nice project , It would better if you use a valid html5 semantics to validate head to https://www.freeformatter.com/html-validator.html and paste your html code and validate it, additionally on medium and large skins texts are outflow from the card ... try to measure the pixels of the design jpg ... so that yoi can build a project closer to the the design ...

Marked as helpful

1

Hardik 20

@Harrrdik18

Posted

@tiobista I didn't know about this.Thanks for info.

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