Responsive Landing Page Using HTML, CSS and JavaScript

Hello friends 👋🏽,

I just completed another challenge. The validation of the form was done use the use of JavaScript as I got to learn about the constraint validation API.

Knowing how to use this API is important as it gets to save you the stress from dealing with Regular Expressions when trying to carry out some form validation techniques. This was you can create your own custom error messages and style the form depending on the state when the users enters a wrong value or doesn't not enter a value at all when the form is submitted.

I also got to work with the picture element to display the different element depending on the screen as I uses the concept of art direction to do this.

As always I am open to correction and also comments to how I solved this challenge and what I can do to improve my solution.

Thank you