Skip to content
Submitted over 2 years ago

Perfum product page using HTML and CSS

Abhishek Mishra•40
@Zaratosh13
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

1- I found it easy but using some of my own resorce would be better. 2- The picture intrigation part i felt confusing but pratice will make me perfect. 3- Yes best pratice will be letting other use there images and design because that will promote a creative mindset.

Community feedback

  • Satyam Jha•400
    @satyammjhaPosted over 2 years ago

    Great attempt Abhishek. It's good that you used your own resource but sticking to the design given will help you in the future when you will work for clients. One more piece of advice I have for you is you may use transition: 0.3s ease for the button, it will delay the background color change on hovering over the button. Hope it helps. Happy Coding🤗✌🏻.

    Marked as helpful
    0
    Abhishek Mishra•40
    @Zaratosh13Posted over 2 years ago

    @satyammjha Thankyou sir

    0
    Satyam Jha•400
    @satyammjhaPosted over 2 years ago

    @Zaratosh13 I am not sir ✌🏻✌🏻

    Marked as helpful
    0
    Abhishek Mishra•40
    @Zaratosh13Posted over 2 years ago

    @satyammjha okk

    1
  • Jonathan Kila•290
    @Excelsior2021Posted over 2 years ago

    Good job!

    Interesting solution to how to implemented the change of the images from desktop to mobile. This is a solution I will explore as I struggled with this also.

    Marked as helpful
    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