Product Preview Card Component using HTML and CSS

Community feedback

• 

  Vladimir•160

  @VladmidirPosted over 1 year ago

  Good job with the challenge!

  Here are some things I picked up:

  • You want to use the <picture> element instead of CSS to change the image responsively.
  • For the crossed price, you should use the <sup> element to mark it as a superscript.
  • Add to Cart button should be a <button> element.
  • I like how you used the heading elements!
  • For mobile, you may want to scale it up a little. You should use percentages % to specify the width of the <main> element instead of rem. This will make it more responsive.

  main {
      max-width: 60%; /* take up at most 60% of the window size */
  }
  

  Hopefully, this was helpful!

  Marked as helpful

  0

  ---

  

  akeemolushola•30

  @akeemolusholaPosted over 1 year ago

  @Vladmidir

  Hi Vladimir,

  Thank you very much for the feedback. will do the needful as instructed

  0

  

  Vladimir•160

  @VladmidirPosted over 1 year ago

  @akeemolushola

  No problem! Please mark my comment as helpful, if you found it such :)

  0