HTML CSS solution with Responsive Design for Mobile and Desktop

Your design looks good, however, here are some pointers:

• The Design is not aligned center vertically, which could be done using,

display: flex;
justify-content: center;
align-items: center;

and yes, do give height of 100vh to the main parent, which could be the body element in your case.

• The summary column elements are bit off color, which could be simply solved by changing the hsl to hsla, and adding 0.1 as the alpha for the hsla or tweak around till you see it fit. e.g.,

 hsl(210, 28, 32, 0.1 );

Overall, you really nailed the design. Good work!