Submitted about 2 years ago

Fylo dark theme landing page. HTML / SCSS / JS GSAP

Pablo Montoya Varela• 300

@PaliTriesToDesign

Preview site View code

This is a solution for...

Fylo dark theme landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

This is my first project using SCSS.

First, I started watching the most recent video from Coder Coder on youtube just to get the basics of managing the files. I added just basic animations with GSAP to get into it and a basic 'validation' for the 'Early Access' section.

Any suggestions on how to code a real form validation with js? I don't know how to check if the input text contains an @ or blank spaces. I would really appreciate it.

Thanks!

Community feedback

ibimina• 490

@ibimina

Posted about 2 years ago

hello

To check for a valid email address the input type should be set to type="email" yours is set to type="text", also add the required attribute to make sure the form is not submitted without a valid email address

<form class="input"> <input id="email-input" type="email" placeholder="[email protected]" required/> <button id="email-btn">Get Started For Free</button> </form>

I hope this helps Regards...

Marked as helpful

Pablo Montoya Varela• 300

@PaliTriesToDesign

Posted about 2 years ago

@ibimina Hey Ibimina!

I will try your suggestion. Thank you very much!

Please log in to post a comment

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