Skip to content
Submitted over 1 year ago

Product Preview Card Component using Vanilla CSS

Archi Halder•90
@archihalder
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'm not 100% sure how to deal with images on a website. Tried to make it as similar as possible like the given designs.

Would love to get some feedback about this project. Also, if you know some of the best practices feel free to comment.

Community feedback

  • RIDOULL•90
    @RIDOULLPosted over 1 year ago

    this is a very beautiful design... keep it up

    1
    Kingsley Yeboah•30
    @kingsley805-techPosted over 1 year ago

    nice but next i guess he can focus on the flex box well. The image is not well inside the container@RIDOULL

    1
    Archi Halder•90
    @archihalderPosted over 1 year ago

    @kingsleyyrboah I think the generated screenshot looks a bit different than the project itself. Don't know how it happened.

    For the mobile view, I wanted it to be more seamless. I tried so many things but at the end I got confused. And this is the best I could do.

    Any help would be appreciated. Thanks for the feedback

    0
    Kingsley Yeboah•30
    @kingsley805-techPosted over 1 year ago

    @archihalder Okay well-done you did a good job just that the desktop image couldn't covered its part .I guess you can increase the image height and weight

    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