Submitted about 1 year ago
Intro w/ Signup || HTML CSS GRID + GSAP on title
#gsap
@ofthewildfire
Design comparison
SolutionDesign
Solution retrospective
Hi-hi, this is my solution for the Intro component with signup form 🚀
Here is what I did:
- Used GSAP text animation on the main title.
- Did my best to remember that base responsiveness of HTML—no fixed elements.
- Implemented regex for email validation.
- Added check marks for successful entries (email, last name, first name, password).
- Did my best to use Grid as much as possible.
- I actually also tried to use BEM - not sure if I have done it properly, but, working on using it.
Improvements
- I have a bunch of if/else statements with a whole load of repeated code in them, I would like to refactor and reduce that.
- Change the colour of the pink/red on the 'Terms of service' below in the form container, it does not pass colour contrast minimums.
Any and all advice appreciated 🌟
Community feedback
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