Skip to content
Submitted about 3 years ago

Perfume Product Preview Card Component - Vanilla CSS and HTML

Lisa Allen•570
@CrypticMango
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I loved coding this one! If you think there is a better way that I could have accomplished this output let me know.

Code

Please log in to post a comment

Log in

Community feedback

  • Joshua Hellard•545
    @jhellard

    Looks pretty good! The border-radius isn't working properly on desktop, you could also just use one image and change the source dynamically in your CSS. Here's an article about that - https://simplernerd.com/css-img-src/

    ID's are generally only used when targeting elements with JS, using class is recommended instead when just modifying with CSS.

    Marked as helpful

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