Skip to content
Submitted over 1 year ago

Product Preview - Vanilla HTML/CSS

Craig•190
@cchivers
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Made a lot of changes based on feedback and looking for anything else that anyone is willing to help me with.

Please check out the live site to check responsiveness and if there is anything I should make changes to.

Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Yusuf K. Muhammad•570
    @kyusufm

    Hi Craig,

    Small suggestion for the card.

    • for the button you can use border:none so the black border didnt show
    • Try to remove 700 font-weight on the button

    for the image, you can add wrapper on top of the image, and set overflow hidden in the .card

    and i think you forget to text-transform the "perfume"

    Marked as helpful

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