Order summary component

👾Hello PLoris DUCAMPS, Congratulations on completing this challenge!

Amazing solution! I’ve just opened the solution’s live site and I liked the job you’ve done a lot. I’ve some suggestions for you:

To improve your component overall responsiveness, something you can do its to create a media query to save space in the pricing section to make each information in a different row. Here’s the code for this media query.

@media (max-width: 350px) {
.card__plan {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Very-Pale-blue);
    flex-direction: column;
}
}

To reduce your css file and improve the performance loading your page you can use a tool called css minify that reduces the css code removing the unnecessary characters. You can use a VSCode plugin called minify css or this website tool to reduce your code: https://www.toptal.com/developers/cssminifier

✌️ I hope this helps you and happy coding!