Skip to content
Submitted over 2 years ago

Order Summary Component

Nelson Rosario•50
@NellyisDevv
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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?

Community feedback

  • Antonio Novak•480
    @Nova988Posted over 2 years ago

    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
    1
    Nelson Rosario•50
    @NellyisDevvPosted over 2 years ago

    @Nova988

    Thanks for some of the tips! I will look over them and see if I can make the necessary changes to make everything look better!

    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