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
Request path contains unescaped characters

Submitted

Product-review-card

@Coding-is-fun12345

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?

I am proud of how I improvised and solved a problem. Next time, I will try to align the project better.

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

I found a problem where I couldn't align a part of the project.

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

The aligning so it is not that spaced away.

Community feedback

@Stephthebest

Posted

Hey i just want to start by saying good job on completing and sharing your first project on here ! I took a look at your code and saw some places where you can improve your code. When it comes to the H1 header element you should try only using one per page. You can replace the other H1 with h2 ,h3 h4 etc... You should try turning the element with the class of "currency" into a paragraph element and inside that P element put your element with the class of "mark" nested inside using a span. Since the span element is a inline element it will be aligned with the the text before it. Then you can go ahead and use margin to space it out where it needs to be. You can try removing " text-align right" from your CSS so that all your text is not shifted all the way to the right side. If you have any other questions feel free to write back. I hope my feed was helpful.

Marked as helpful

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