Skip to content
Submitted almost 2 years ago

flip product

BELAL REZK•20
@br123lodo
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

well, I didn't make the challenge exactly , but I made it much better . the challenge was easy and very basic , so I made it more attractive by using 3D transformations properties and hover effects. its like when you hover over it , the details of the product will appear by flipping the card in the y-axis with the rotation property .

Community feedback

  • Villo•190
    @VilloKodeHodePosted almost 2 years ago

    I like your solution! But as part of the challenge you should show that you can do the assignment as specified. If you want to add more you can add a button somewhere to show of your extra work (or maybe even side by side if you dont want to use JS). I did the same with a different challenge since it was so much fun to extend upon it.

    Marked as helpful
    0
    BELAL REZK•20
    @br123lodoPosted almost 2 years ago

    @VilloKodeHode thank you, I appreciate that I will submit a new solution with the original design .

    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