newsletter-sign-up-with-success-message-main

Community feedback

• 

  Alfredo Peguero Capellan•590

  @AlfredoPegueroCPosted 10 months ago

  Hello, @OsatohanmwenT

  Your solution looks great

  This is the solution to the border error

  • Element with class list that includes both #newsletter-input and error-border.

  #newsletter .news-input #newsletter-input{
      padding:  15px 20px;
      border-radius: 5px;
      border: none;
      outline: 1px solid black;
  }
  

  #newsletter .news-input #newsletter-input.error-border{
      outline: 1px solid red;
  }
  
  

  • Tips

  1. Learn how to use pseudo-elements such as ::before and ::after; this will help you display error messages.
  2. The structure of labels Label mdn

  I hope it helps

  PS: Sorry about my English; I'm still learning.

  Marked as helpful

  0