Frontend Mentor | Product preview card component coding challenge solution

Community feedback

@bccpadge

Posted 6 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📚:

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

@oyesina-paul

Posted 6 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.

Product preview card component