Skip to content
Submitted about 1 year ago

Responsive Product Preview Card HTML&CSS

Ramez Gamel•40
@samcoding90
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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•1,980
    @MaximilianoDanielGarciaPosted about 1 year 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
    0
    Ramez Gamel•40
    @samcoding90Posted about 1 year ago

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

    0

Please log in to post a comment

Log in with GitHub

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