Skip to content
Submitted about 2 months ago

Responsive Product Preview Card Component

Nelson Montesinos•70
@Daydream-Softworks
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am most proud that with each challenge, I am able to learn something new and apply that knowledge to the project, successfully resolving the problem.

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

For this project I did not encountered any major obstacles.

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

Any feedback would be greatly appreciated.

Community feedback

  • Huy Phan•2,300
    @huyphan2210Posted about 2 months ago

    Hi, @Daydream-Softworks

    You did a good job with the page styling!

    However, I have a few suggestions for improvement:

    • It would be more effective to use semantic HTML tags. For example, you have perfume inside a p tag, but it might be better suited inside a label tag since it appears to be labeling the h1 heading.
    • Regarding the "Add to Cart" button, I noticed you're using an a tag. Since a tags are meant for links and there's no link specified, it would be more appropriate to use a button element here, as "Add to Cart" typically functions as a button rather than a link

    Hope this helps!

    0

Please log in to post a comment

Log in with GitHub

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