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

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.