Skip to content
Submitted 9 months ago

card using flexbox

m7md•60
@m7md162
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Jordan Bugglin•410
    @Jbugglin

    Looks like you need to add a border-radius to the image on the top left and bottom left corners to match the main card's border radius. The perfume at the top of the card font size is a bit large, the marked out pricing needs to be the lighter color gray as well as less margin between it and the price in green. Also, consider using semantic HTML5 tags, instead of only using divs. Other Than that your submission looks good and keep at it!

    https://www.w3schools.com/html/html5_semantic_elements.asp

    Marked as helpful

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