order-summary-component

Hi MOHAMED

Here are a few suggestions for your code

Use semantic HTML tags such as header, section, and footer, instead of just a main tag to give structure to your HTML.

Use meaningful class and id names, like "order-summary-container" instead of just "container".

You could use CSS variables for storing common values like colors and fonts, which will make it easier to maintain and update your styles.

For the button, you could consider using a pseudo-element for the button text to avoid the need for an additional p tag.

Overall, the CSS is well-structured and follows a consistent style, with appropriate font sizes, colors, and spacings for various elements.

Happy Coding