Skip to content
Submitted about 1 year ago

Product Preview Card Component

ya-hs•40
@ya-hs
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

A lot of unnecessary CSS to get it responsive but I feel like the final result is fine. Will probably update once I can see the side-by-side screenshots as I'm not sure my overall shape was particularly close.

Any and all CC welcome, let me know how I did!

Community feedback

  • Kulyk-Volodymyr•660
    @Kulyk-VolodymyrPosted about 1 year ago

    Good job!

    But when I resize the browser, there is no image on the small screen, just the alt text. You can try placing the image-product-mobile.jpg inside the figure in the html file.

    1
    ya-hs•40
    @ya-hsPosted about 1 year ago

    Thanks, that's it hopefully fixed! Hadn't noticed that issue as it was working fine locally!

    @Kulyk-Volodymyr

    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