Product preview card component

Community feedback

• 

  Rebecca Padgett•1,840

  @bccpadgePosted 9 months ago

  Hello @oyesina-paul. Congratulations on completing this challenge!!!🎉

  I have few suggestions you might be interested in to improve your solution.

  HTML 📃:

  • On the body you can remove margin: 1rem; and add margin-inline: 1rem; for mobile devices.
    • Margin-inline is a CSS logical property which means margin will be on the left and right.
    • Also, you can add min-height:100vh on the body to place the component in the middle of the website and you can remove margin-top: 5rem; because it is unnecessary code.

  More info📚:

  • CSS logical properties and values

  Here is my solution to this challenge: Product preview component

  I hope you find this useful and don't hesitate to reach out if you have any questions.

  Marked as helpful

  0

  ---

  

  Oyesina Paul•90

  @oyesina-paulPosted 9 months ago

  Hello @bccpadge

  Thanks a lot for taking your time to review my solution.

  I have made the necessary corrections you gave.

  I really appreciate you Rebecca.

  1