Order summary card solution

Hello @codefliers, nice one you got here.

Maybe some few issues that shouldn't be hard to fix.

First, you page should have some margins from the screen. I.e it is too close to the edge of the screen.

Secondly, to center an element, you can use margin auto and specify the width of element. You can also choose either css grid or css Flexbox (checkout this course on grid for more insight https://www.cssgrid.io )

Last but not the least, you cannot nest link inside a button or vice versa just like you did here <button1><a href=https://www.frontendmentor.io?ref=challenge>Proceed..... It should be a button or a link but not both nested.

Flexbox is a better choice

Look into flexbox for the items in the center of the card. You can also use it to center the card in the page, so you don't have to use position: absolute;