RATING COMPONENT USING PURE HTML CSS AND JS

Hi @RAHUL-19OOPS 👋

Great job on your solution!

Here are some recommendations for you:

• I suggest adding a max-width property in the card to prevent stretching. This sets the maximum width on an element.
• Also add the radial-gradient() function in the card's background property to achieve that gradient background. Check out the MDN Web Docs to see how it works: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/radial-gradient

Code to add:

.main-container, .thank-you {
  background: radial-gradient(ellipse at top, hsl(213, 20%, 22%), hsl(212, 28%, 12%));
  max-width: 400px; /*Here you add the width you want*/
}

I hope this helps a little.

Well done for the rest.