order-summary-compon

👾Hello To Dat, congratulations for your new solution!

I saw your preview site, the design is perfect, you've some issues with the container size and its responsiveness.

To deal with that you need to replace all width with max-width. Note that sometimes you've used width: 100% this means that the container will have the width 100% and will not change, the difference between these two properties is that max-width: 100% means that the container have 100% but can be smaller and width is fixed and dont change.

.card {
    max-width: 20rem;
}

Youve to fix that for the container, the button, the pricing section and all the others with fixed width.

So to fix the responsiveness you've to replace the width.

👋 I hope this helps you and happy coding!