Interactive Rating Component

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here is some feedback to further improve your code:

  Regarding your question,

  Here is a generator that I use https://coolors.co/gradient-maker/84ffc9-aab2ff-eca0ff.

  • The article and header elements are being used incorrectly ⚠️ and not needed for this challenge .

  • The “icons/illustrations” in this component are purely decorative. ⚠️ Their alt tag should be left blank to hide them from assistive technology.

  More Info:📚

  https://www.w3.org/WAI/tutorials/images/

  • The aria-level element is being used incorrectly ⚠️ and not needed for this challenge .

  • Your form is lacking 😢 a visually hidden legend for accessibility and a fieldset to improve semantics.

  More Info: 📚

  MDN: Legend Element

  MDN: Field Set Element

  • All the JS should be doing is obtaining the rating number and displaying the old content and displaying the new content, using hidden attribute/class. It should not be creating ❌ the thank you content.

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding! 🎆🎊

  Marked as helpful

  1
• 

  Sandro•1,150

  @sandro21-glitchPosted almost 2 years ago

  To perform a background gradient correctly in CSS, you can use the background-image property and specify a linear-gradient as its value. The general syntax is as follows:

  background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

  where direction is an angle or keyword indicating the direction of the gradient (e.g. to top, to bottom, to left, to right), and color-stop1, color-stop2, etc. are color stops that specify the colors used in the gradient and their positions.

  For example, to create a simple top-to-bottom gradient that goes from red to blue:

  background-image: linear-gradient(to bottom, red, blue);

  You can also specify more than two color stops to create more complex gradients:

  background-image: linear-gradient(to right, red, yellow, green, blue);

  1