RATING COMPONENT USING PURE HTML CSS AND JS

Community feedback

• 

  Alberto Ledesma•370

  @ledesmxPosted about 1 year ago

  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.

  Marked as helpful

  0