Skip to content
Submitted over 2 years ago

Product Preview Challenge

Muhsin777•10
@Muhsin777
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

My first attempt at doing an HTML/CSS challenge solo.

Challenges faced:

I was unsure of the positioning of the elements used.

I was also unsure of using px in leu of % for width properties.

I struggled to get the correct shopping cart emoji for the "Add to Cart" button right. Is this another image file or is there an appropriate emoji?

Community feedback

  • Ogiji Max•140
    @MaxiTeddyPosted over 2 years ago

    The cart image given to you is in a white on a white background, so just use the link like that when you change the background color you will see the cart

    2
  • Muhsin777•10
    @Muhsin777Posted over 2 years ago

    Thanks for the advice.

    Updated and made changes to button including changing background color when the mouse hovers over it.

    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