Simple single price grid component solution using CSS Grid & Flexbox

I did not really have much trouble building the project to the way it looks right now.

while using CSS Grid I could not figure out how to vertically align the entire CSS Grid container in the middle of the page not just horizontally.

I was not able to figure out how to add a shadow to the grid container as it appears much bigger than the content area.

lastly whenever I'm building a project I'm always guessing the dimensions of the project itself to make it match the original version.

please help me with a solution to that issue and let me know how I can improve.