Skip to content
Submitted over 2 years ago

css flexbox

ACHCHIRAJ Youssef•200
@YoussefACHCHIRAJ
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

Community feedback

  • Fatlind Shehu•2,230
    @fatlindshehuPosted over 2 years ago

    Hi, I would suggest centering the component vertically by:

    • body {height: 100vh; justify-content: center} (because your flex-direction: column)
    • cancel order button shouldn't have a background color.
    • Make the component smaller on small screen devices ( In this situation doesn't seem to change)

    Keep up the good work.

    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