Submitted over 3 years ago

Form validation with vanilla JS

@Scott-Wilder

A solution to the Intro component with sign-up form challenge

Solution retrospective

I could not figure out a better solution for positioning the error message and image inside the form. This proved tricky to do when screen size changes to display that error msg and img in the same place.

#error-img { margin-left: 15rem; margin-top: -2.5rem; visibility: hidden; padding-bottom: .5rem; } #error-msg { padding-top: 2rem; padding-left: 5rem; visibility: hidden; color: red; }

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Scott Wilder's solution.

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