Newsletter sign-up form with success message - HTML / CSS / JS

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 7 months ago

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

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

  ---

  GRADIENT BACKGROUND DURING HOVER :

  • Looks like the component button hover state background got a solid color instead of gradient colors. We need to fix this!

  ---

  • Just add the following rules

  button {
    transition: background 0.5s ease-out;
    background-image: linear-gradient(90deg,#242742 0%,#242742 50%,#ff477e 85%,#ff6a38 100%);
    background-size: 500%;
    background-position: left;
  }
  
  button::hover {
    background-position: right;
  }
  

  ---

  • Now your component's button background for hover state has been set properly

  ---

  .

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

  Happy coding!

  Marked as helpful

  0

  ---

  

  BT738844•700

  @BT453567Posted 7 months ago

  Hello @0xabdulkhalid

  Thanks for the suggestion, I have now updated the solution with your recommendation.

  0