Responsive intro component with signup form | REACT JS, HTML, CSS & JS

Hi👋 everyone!! This is my solution to the challenge. I used ReactJS to build the interface and SASS/SCSS to organize styles.

I thought it was a real challenge to find the best way to toggle between one error message to another when validating the email input. At first, I tried building different input components for each error, but that didn't work because it caused errors when the user had to complete each input. The new inputs replaced the previous ones, so their values ​​were not registered by the application to carry out the validations. In the end, I implemented conditional rendering to print different error messages and apply different CSS styles to each input depending on which validation got triggered by the user.

I'm always trying to apply the best practices possible to make my code easy to read and implement, but I'm still unsure if I'm missing something or if my approach is correct in that regard.

So if you want to take your time to look into my code and give me any feedback, I will highly appreciate it!

Thanks and have a wonderful day!