Skip to content
Submitted almost 3 years ago

Responsive Landing Page Using HTML, CSS and JavaScript

accessibility, animation, bem, lighthouse, parcel
LVL 3
@stephenikuomola
A solution to the Single-page developer portfolio challenge

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 🙏🏽

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Damilola Ikuomola’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