Skip to content
Submitted about 3 years ago

Order Summary Component

Nelson Rosario•50
@NellyisDevv
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • This challenge was pretty straight forward and I had a really fun time making it. It was a bit easier than the NFT component card in my opinion.

  • I think I did a pretty decent job making everything work I'm not sure if there is any part of my code I could have made much better from my current understanding.

  • Is there anything anyone thinks I can do to better improve my code. Or is there anything that would make my code much easier to read and or understand?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Antonio Novak•480
    @Nova988

    Hello, nice card. I have some things to point out.

    • Try to put the card in a div box and center it with flexbox. Card is divided into pieces in the main component. If you create a div and replace the <main> styles on the div. Then center the card with flexbox on the <main>, your card should be centered. Now it is on the bottom of my screen plus I need to scroll down to see the card.
    • Change the font-weight of the price tag. It is to bold compared to the design.

    Hope it helps.

    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