Emmanuel-Xs

Latest comments

• 

  unl00ky•100

  @unl00kySubmitted about 2 years ago

  

  first time using CSS variables | result-summary-component-main

  2

  50
  

  Emmanuel-Xs•80

  @Emmanuel-XsPosted about 2 years ago

  Yes, I would recommend watching webdev simplified from youtube and you can also check out his courses they are amazing.

  I would also like to point out something in your code. you forget about the background-color of the summary-items and try as much as possible to make all your styles in an external stylesheet if possible.

  Marked as helpful

  1
• 

  Alexsander Batista Dos Santos•360

  @alexsanderBDSSubmitted about 2 years ago

  

  Mobile and desktop design done

  2

  110
  

  Emmanuel-Xs•80

  @Emmanuel-XsPosted about 2 years ago

  Try This

  .button {
      background-color: var(--clr-neutral-270);
  }
  
  .button:hover,
  .button:focus-visible {
      background: var(--gradient-primary);
  }
  

  Replace my custom properties with yours

  NOTE It is not possible to do transitions on linear-gradient.

  Marked as helpful

  1
• 

  Emmanuel-Xs•80

  @Emmanuel-XsSubmitted about 2 years ago

  

  Frontend Mentor - Interactive rating component solution by Emmanuel

  #gsap

  2

  40
  

  Emmanuel-Xs•80

  @Emmanuel-XsPosted about 2 years ago

  Okay, let me try your solution out. I created the button eventListener inside the inputs to ensure the user clicks a rating before submitting without writing extra code. However, from what you said, it creates multiple click events for the button that may slow down the browser's overall speed. So, I will do as you say.

  Thank you very much I tried it and it worked. I really appreciated

  0