Form validation with Constraint Validation API; CSS error animation

Hi, everyone! 👋🏻

This is my first solution with JavaScript!

For form validation, I used the Constraint Validation API, and a CSS animation plays if the user tries to submit invalid data.

I learned that it's best to place error messages above input fields and that the built-in form validation in the browser can present some user experience and accessibility issues (read more about it in the README).

I couldn't find a way to have the "Base Apparel" logo always be aligned with the "We're coming soon" heading in every desktop screen size — at least without significant changes to the markup. Do you have any advice on how to improve this?

I also found that making good HTML forms is a vast subject, and I look forward to learning more about this in future challenges.

Any feedback, comments and suggestions are very welcome and appreciated. Thank you!