Skip to content
Submitted about 3 years ago

Order summary card using Flexbox

Ax-cd•310
@Ax-cd
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

Hi, this is the first challenge I've done ; when compared to the design, my solution is centered vertically but not horizontally (however when I open it in different browsers it is centered), if anyone could point out what I got wrong in the CSS it would be greatly appreciated!

Community feedback

  • darryncodes•6,370
    @darryncodesPosted about 3 years ago

    Hi AX-CD

    Try adding this to your <body>: align-items: center; and min-height: 100vh;

    Good luck 🤙

    Marked as helpful
    0
    Ax-cd•310
    @Ax-cdPosted about 3 years ago

    @darryncodes Thank you! It worked!

    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