Order summary component

👾Hello Sef Palima, congratulations for your new solution!

Here’s a suggestion to improve your solution responsiveness. To make your solution even better and more responsive, you can create a media query to break the elements in the pricing section and make every content in a different row saving space for low resolution devices.

@media (max-width: 350px) {
.row-4 {
    display: flex;
    flex-direction: column;
}
}

Think about using relative units as rem or em instead of px to improve your performance by resizing fonts between different screens and devices.Anyhow, if we want a more accessible website, then we should use rem instead of px. REM does not just apply to font size, but to all sizes as well.

✌️ I hope this helps you and happy coding!