Skip to content
Submitted over 1 year ago

Simple design using HTML and CSS

Fahim Mahmud•165
@FahimMahmudJoy
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

As a beginner who is still learning, I took the leap of faith to try an actual challenge.

  1. I think I made a mistake by including the image in img tag in the html file because now, I can't change the image based on screen size. If I add the image as background, then how can I set it on the left side as shown?
  2. And the original price and discounted price in the unordered list items were going off the border. So I had to hack this and that to get them to the correct position.
  3. My codes are a bit messy I know. Any suggestion how I could improve it?
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Fahim Mahmud's solution.

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