Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

order-summary using css flexbox

@Shadowli666

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@TrnLinh

Posted

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

@Skyz03

Posted

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

0

@Shadowli666

Posted

@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
Discord logo

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