Order-summary-component

For the mobile view of 375px, the provided screenshot does not suggest a change in layout. However, I had to employ the use of media query so that the items of the inner flex container of .plan are stacked. This was to prevent the .card container from being unable to shrink in width, thus sticking to the very edge of its right side when the browser window shrinks to mobile view.

The provided screenshot for mobile view, assuming its screen size of 375px, doesn't seem possible to achieve in terms of getting that exact layout and distances between items? Or am I overthinking it?