Result Summary Component using Flexbox

Hello Coder 👋.

Congratulations on successfully completing the challenge! 🎉

Few suggestions regarding design.

➨ Remove margin from #container-main and use flex or grid to properly center the card.

body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

• For non-decorative images give meaningful and descriptive alt like alt= "Gabrielle Chanel Perfume bottle surrounded by leaves.".

• Use responsive units(rem, em, %) from next project. Explore respective use cases on google.

• Replace width with max-width to make your card more responsive.

link.

I hope you find this helpful.

Happy coding😄