Responsive Result and Summary Compoment

Hello @quypq147!

Your solution looks excellent!

I noticed that your card wasn't centered so I checked your code and found out why. That's the reason:

You meant min-height instead of min-width here, right?

    body {
     /*   min-width: 100vh; ❌  */
        min-height: 100vh; ✅
        display: grid;
        place-items: center;
    }

You just have to correct that part and the card will be placed in the middle of the page 😊

I hope it helps!