Skip to content
Submitted about 2 years ago

Fylo dark landing page solution using Flexbox and CSS Grid

Marcel Kuczynski•60
@marcelkuczynski
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo dark theme landing page
  • HTML
  • CSS
  • JS
2junior

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

  • Ben•770
    @BenConfigPosted about 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 helpful
    1

Please log in to post a comment

Log in with GitHub

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