order-summary-component

Hey 👋, i like your solution.

Maybe you forgot to center the card vertically. To center the card give the main element a height of 100dvh. Then can you center it. I like to use grid but you can use flex as well. With display grid you say that all elements in the main tag are grid children. For centering (vertically and horecontely) you use place-items center.

The style which you can add to your main tag:

main{
    display: grid;
    place-items: center;
    height: 100dvh;
}

Happy coding 😉