Order Summary Component

Hi there!! ✌️, I can see that your view in mobile colapse.

This bugs is very easy to fix. 😄

Let me show you... In your <div class="container"></div> tag, add the width: 90%; property.

.container {
    width: 90%; // Add this
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
}

And that's it to fix it!! ✅

Happy coding!! 🙃

Hi! I see what you mean about the box with the price, but I think it's really that the whole flex container is collapsing on mobile. In your media query, I'd either do something to set a min-width on your flex container, or the better solution is probably to set your flex items to flex:0 so they don't shrink. Hope this is helpful!