Submitted 12 months ago

Responsive Product Preview Card HTML&CSS

Ramez Gamel• 40

@samcoding90

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I've just completed a front-end coding challenge from @frontendmentor! 🎉

You can see my solution here: https://www.frontendmentor.io/profile/samcoding90

Any suggestions on how I can improve are welcome!

Community feedback

MaximilianoDanielGarcia• 2,000

@MaximilianoDanielGarcia

Posted 12 months ago

Hi Ramez Gamel! Great job, congrats!

I've visited your live site and let me give you some suggestions:

Try with width: 600px and height: 450px for your .card
Add hover style on button
Check the space between elements in the .right-side. You could use gap property with display: flex; flex-direction: column;

I hope this is helpful to you, regards!

Marked as helpful

Ramez Gamel• 40

@samcoding90

Posted 12 months ago

Thank u so much !! it was really helpful i tried it and look much better now @MaximilianoDanielGarcia

Please log in to post a comment

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