order summary component using html and css

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have other recommendations regarding your code that I believe will be of great interest to you.

BACKGROUND iMAGE 📸:

• The background-image has not been properly set yet, So let me explain How you can easily apply the background color along with the svg they provided.

• Add the following style rule to your css, and then experience the changes

body {
    background: url(./images/pattern-background-desktop.svg), #E1E9Ff;
    background-repeat: no-repeat, no-repeat;
}

• Now remove the following html & css, after removing you can able to see changes.

<div class="bg-img">
    <svg xmlns="http://www.w3.org/2000/svg" width="135rem" height="437">
      <path fill="#D6E1FF" fill-rule="evenodd" d="M0 349.974c218.558 116.035 460.05 116.035 724.475 0s502.933-116.035 715.525 0V0H0v349.974z"></path></svg>
 </div>

.bg-img {
  position: absolute;
  top: -10px;
  z-index: -1;
}

• Tip, Don't forget to generate a new screenshot after editing the css file

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!