Skip to content
Submitted over 3 years ago

order-summary using css flexbox

Luis Felipe•10
@Shadowli666
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

Pd: I need to practice and improve the mobile styling a lot, any feedback is more than welcome

is there any way to optimize this project? let me know pls ;)

Community feedback

  • TrnLinh•70
    @TrnLinhPosted over 3 years ago

    you can use display: flex in your section; then justify-content: center and align-item: center; to put the card in the middle of the screen make sure section min-height is 100vh

    Marked as helpful
    1
    Skyz Walker•1,045
    @Skyz03Posted over 3 years ago

    @TrnLinh Great idea I think that could help .. I think your solution look good on mobile device too

    0
    Luis Felipe•10
    @Shadowli666Posted about 3 years ago

    @TrnLinh updated with your feedback! thanks! ^^ time to go to the next proyect

    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