Skip to content
Submitted about 2 years ago

Product-preview-card

Kelvin•40
@dripping-code
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 hope i did it to my full potential.. Please if there is any issue i can correct can you direct me.

Community feedback

  • Bit•140
    @bit-01Posted about 2 years ago

    Good work, Html semantics seems fine, style is also fine but you probably want to remove the weight of the h3 tag (Preview) in order to make it exactly like the desired design. and using one dot (.) instead of (..) in the image src attribute will solve the image problem and all else is good. use footer instead of div for the div with class "attribution" or use the role="footer" attribute

    Marked as helpful
    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