Order summary with application of flexbox and background images.

👾Hello Akash , congratulations for your solution!

Answering your question:

I think that max-width is the best choice if you want a quick responsive component, but if you want an alternative to have changes you can rely on media query that's more specific for some device screen size. I saw that you're used a css class naming kinda BEM, so there's not much to change, is correct the way you named it, maybe you can use more general class names as containerand wrapper for the div that contains a big amount of elements inside.

Note that your card is cropping the info when the screen scale down due the property overflow: hidden;.

Hope it help you, happy coding!