Skip to content
Submitted 6 months ago

product-preview

TPAIN22•390
@TPAIN22
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

What are you most proud of, and what would you do differently next time?

it was a good challenge

What challenges did you encounter, and how did you overcome them?

centering the image! hahahaha

What specific areas of your project would you like help with?

the shadow box thing

Community feedback

  • BarteQ•160
    @BarteQSPosted 6 months ago

    For the box-shadow I recommend watching Kevin Powell's videos on the topic, or if you prefer there are multiple box-shadow generator websites that can help you. Besides that your solutions seems pretty solid, besides some minor issues. The thing that I would pay more attention to would be more semantic HTML, that is, try to replace the div tags with more semantic ones like main, article, etc. Also to change the image I recommend using the picture tag which you can learn about on this website.

    Marked as helpful
    2
    TPAIN22•390
    @TPAIN22Posted 6 months ago

    @BarteQS fascinating thank you bro for review am kind of newbie in web-deiv and your advices help me alot

    1

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