Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Validated form to subscribe to the newsletter using Jquery and CSS

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What opinions do you have about my design? Does it make sense to you how I executed the form validation?

thanks coworkers!

Community feedback

Irwing 200

@Irwing-Dev

Posted

Hi Sergio!

Overall, its design is good, but there are a few things you can improve.

  • The footer - I understand that you wanted to pin the footer, but when we scroll up and down, the blank letters and the red letters get in the way of reading, especially in the mobile version, I recommend removing the position fixed.

  • Image resizing – At desktop resolution, the image doesn't go all the way to the end, I recommend that you either make the image bigger or smaller the card. In tablet resolution the image is at the top, but in a smaller size, it does not give a cool look to the user, you can increase the height (of the image) or put it at the top (equal to the resolution of the cell phone). To give you an idea of the tablet's resolution, it's between 648px and 1024px.

Finally, about the validation of your form, it's good, I didn't find any problems, in case you want to know more about forms validations, see this api: email-verification-validation-api from Absctract API. You can get other APIs for form validation in Free for Devs - Forms

I hope I've helped you, good luck in your studys, bye bye👋👋

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord