Submitted over 2 years ago

Responsive product preview card

Hiro•40

@hiro5900

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

In this project, I learned about the overflow property and the line-height property. I also made an effort to write CSS more efficiently and achieved a responsive design by utilizing the max-width property and the margin: 0px auto property, which I hadn't used before. I followed a 'mobile first' approach and minimized the use of excessive margins and padding. Overall, I made significant improvements this time and aim to continue enhancing my skills for future projects.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Hiro'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