Submitted over 2 years ago

SASS, JS, and special animation for form submission

Isaac Novaes• 650

@isaacnovaes

Preview site View code

This is a solution for...

Intro component with sign-up form

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It was my first sign-up form made with JS. So if you find anything that could be improved, please let me know 😁

Community feedback

Fluffy Kas• 7,735

@FluffyKas

Posted over 2 years ago

Hey, your solution looks very nice, I loved that extra submission animation! Perhaps you could increase the padding on the container a tiny bit as at some screen sizes the terms&services link is touching the edge of it. But that's really just nitpicking. Looks cool, good job! ^^

Marked as helpful

Isaac Novaes• 650

@isaacnovaes

Posted over 2 years ago

Hello @FluffyKas! 😁

First of all, I appreciate you taking the time to check my code.

Regarding your suggestion, I will correct that.

Thank you!

hardy• 3,660

@hardy333

Posted over 2 years ago

Hi , website looks very good, styled scrollbar was nice touch and looks very good, everything looks responsive. you have done exceptionally good job.

For css I will suggest not to use div selector all the time like this "div.className", it is just useless and adds extra code in css...

Isaac Novaes• 650

@isaacnovaes

Posted over 2 years ago

Hello @hardy333! 😁

First of all, I appreciate you taking the time to check my code.

Regarding your suggestion, I should say that I was used to doing it. However, when you add new HTML elements and their respective classes inside a given container, the children elements of elements that have the same class may behave the same way. So to avoid that, I decided to start being more specific with my CSS selectors from the beginning.

Thank you!

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