Skip to content
Submitted about 2 years ago

Add-to-Cart

Eliot•50
@AvatarxAang
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

regarding the smaller screens, it didn't worked well, i did my best, and the font Fraunces for the price in large didn't worked as well. I would be very glad if someone viewed and commented on my code Thanks in advance...

Community feedback

  • Nirajan Prasad•190
    @behubjPosted about 2 years ago

    Hey Eliot,

    Well try, you tried your best to complete your project, i appericiate that.

    I checked your code and i found some mistakes if you want to make your "container" in between the screen then { remove (display, align-items, justify-content from the body tag) and for center your "container" { use position property to center a div (if you don't know about it you can google it )}

    I also found mistakes in responsiveness and also your image overlap each other try again you will do better

    Hope it will help you and if you want you can check my solution for this challenge.

    Happy coding...

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