Submitted over 1 year ago

Order summary component with flexbox

@AntonielAureliano

A solution to the Order summary component challenge

Solution retrospective

Hello, my name is Antoniel. This is my solution to the order summary component challenge that I used flexbox to achieve this result. 🖖😁

Code

Please log in to post a comment

Community feedback

P
Daniel 🛸•44,790
@danielmrz-dev
Posted over 1 year ago
Hello @AntonielAureliano!

Your project looks great!

I noticed that you used margin to place the card in the middle of the page. Here's two very efficient ways to center the card:
- You can apply this to the body (in order to work properly, you can't use position or margins):
```
body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
```
I hope it helps!

Other than that, great job!

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