Order Summary Component First Attempt

"Task failed successfully" I don't understand how, but somehow it kind of works.

Positioning and sizing objects are still difficult for me to understand. I investigated a little bit and someone use display:flex; someone else used position: absolute. I used position: absolute as well because it worked and could center the card to some extent.

About sizing, the tutorials I watched on youtube used only max-width, but I had problems when trying it on a small screen, so I used min-width as well. I know it's not correct, could anyone explain me a little bit?