Responsive Order Summary component using responsive design and grid

Great job dude 💯✨ Your solution rocks 🤘🏾 below are few recomendations to make it a banger:

• Do well to prioritise the mobile-first approach for your frontend projects.

• Your component-container class doesn't look good on mobile, here's a quick fix to make it awesome 😉 @media (max-width: 424px) { body { padding-inline: 24px; } .component-container { width: 100%; } } to make it more subtle on mobile viewports.👌🏾

• To ensure optimal display on desktop and tablet views, it is recommended to utilise the max-width property instead of setting the width to a specific percentage, such as width: 50%. This approach ensures responsive and adaptable rendering across different screen sizes.

Overall your code is neat, well connected, a masterpiece. Keep hacking, you're amazing!