order-summary using html, css [Flex-box]

Hello there 👋. Good job on completing the challenge !

• Without the original Figma design, it's challenging to determine the exact width and height values. What you could do, and what I often do, is use a browser extension like Pixel Perfect to overlay the design on the solution and try to match the dimensions.

  To center it vertically, you need to set a height for the container where you apply flexbox. Without a height, there's no reference point for vertical alignment. I noticed you're centering in the main, but the height is on thebody.

  A solution would be to add min-height: 100vh to the main* element and move the padding from the body to the main element.

  Another solution is to transfer all the centering styles from the main element to the body element.

I hope you find it useful! 😄

Happy coding!