Submitted almost 2 years ago
Fylo dark landing page solution using Flexbox and CSS Grid
@marcelkuczynski
Design comparison
SolutionDesign
Solution retrospective
Hi there,
this is my solution for the fylo dark landing page.
I had some trouble with the error message on the email validation, but i think it worked out good in the end. The only thing is, the page shouldn't reload, when the input is empty, but i couldn't figure out how to stop this from happening.
If you have any suggestions for improvement, please let me know.
Community feedback
- @BenConfigPosted almost 2 years ago
Hi, nice work!
To stop the page from refreshing, you have to prevent the default behaviour on form submission.
Try adding this JS:
const form = document.querySelector('form'); form.addEventListener('submit', event => { event.preventDefault(); });
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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