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

Responsive Landing Page Using HTML, CSS and JavaScript

@stephenikuomola

Desktop design screenshot for the Single-page developer portfolio coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello friends 👋🏽,

I am happy to announce that I have just completed this challenge. I must say, figuring out how to code the layout was somewhat complex, but I am so glad I could figure it out. The form validation is done using the built-in constraint validation API. This feature is available to all form elements like the HTMLTextAreaElement and the HTMLInputElement. I was able to take advantage of this feature to carry out the validation of the form successfully.

A subtle animation was added to the page using the Intersection Observer API when the user scrolls the page when it is loaded. Smooth scrolling using CSS was implemented, which adds a good user experience to the page.

As always, I am open to any corrections from the community on how my code could be improved.

Thank You 🙏🏽

Community feedback

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