Skip to content
Submitted almost 2 years ago

Responsive Product preview card component | React | SASS | VITE

Tushar Biswas•4,080
@itush
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

Hello Developers👋

Really enjoyed working with this project 😄

As always, I'd really appreciate if you could answer the following:👇

1.What did I do wrong? 2.What did I do right? 3.How can I improve? common mistakes?

🙏Thanks in advance. Happy Coding😄

Community feedback

  • S MD suleman•3,530
    @sulemaan7070Posted almost 2 years ago

    hey tushar😄, I have inspected your code✅, and here are the few things you can do to improve your site

    1. you have given the image width of 100% and height of 100% which you should not have. please use only width: 100% don't use height100%. as it would make the image much larger.

    2. I saw you have given background-color to the .product-story class. Instead what I suggest is give bg-color to .product-prev or article. which will ease things up for you.

    3. and I don't think the text area need 30vw of width. You can work on that.

    4. regarding the font styles and everything you a good job💓

    0
    Tushar Biswas•4,080
    @itushPosted almost 2 years ago

    @sulemaan7070 Thank you very much for these useful feedback. I shall implement them as per the requirements. Looking forward to receive more feedback from you in future. 🙏Thanks in advance. Happy Coding😄

    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