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 HTML, CSS

P
KN 110

@kaiens-lab

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?

This project isn't difficult, but there are still some details that require patience to find answers and fix.

What challenges did you encounter, and how did you overcome them?

When designing the mobile responsive part, I got stuck because I hadn't set different image sources before. I solved it by looking at documentation from MDN and W3Schools.

What specific areas of your project would you like help with?

I'm not sure why the design looks broken in the design comparison, but it looks fine when I open the webpage. Is there an error in my code? Hope someone can help resolve this issue.

Community feedback

khalagai 300

@khalagai

Posted

I have learnt about the @font face property here to link the font-family.

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