All solutions

The API has a 2 second limit on the random requests, added a timeout + color indicator to prevent button clicks with no new data return.

I strugged making this fully responsive, though I think I've gotten it about 85-90% of the way there. I started mobile first, but even so, because of the non linear changes in margins and gaps between mobile / tablet / desktop I ended up having to use a tonne of breakpoints and so many clamp()s

If you check in responsive mode with dev tools, the site should be fluid and look okay in every viewport width. But I'd really like to figure out a way to make it fluid without so many breakpoints.

I would really love to figure out how to make this responsive without using media queries, because as it is the card works at 1440px and 375px with some super janky results in between and lower than 375.

The margin between each section from Order Summary down changes at different rates, and the font sizes change so subtly I'm not sure how to create the exact dimensions of the mobile version using things like min(), max(), or clamp.