Yousef_waleed• 30
@yousef-waleed
Submitted
•I'm so proud of completing this challenge in two days with a pixel-perfect design ✌ •mainly in two sessions of 3 hours per day
Shawn(Heongi) Yeo
@hyeo151
All comments
- Shawn(Heongi) Yeo• 190
@hyeo151
Posted
spot on !
0 - Melvin Aguilar 🧑🏻💻• 61,460
@MelvinAguilar
Submitted
Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀
🛠️ Built With:
- TailwindCSS
- npm - prettier
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. 😊✌️
Shawn(Heongi) Yeo• 190@hyeo151
Posted
Awesome work MELVIN! love your clean design :)
0 - İrem Ateş• 320
@irematess
Submitted
Shawn(Heongi) Yeo• 190@hyeo151
Posted
You animation is spot on ! Font size for profile could be alittle smaller
0 - Sanjoy• 180
@Sanjoymajee
Submitted
Shawn(Heongi) Yeo• 190@hyeo151
Posted
Love your background transition : )
0 - visualdennis• 8,255
@visualdenniss
Submitted
You can find MY ANIMATION TUTORIAL HERE
🔥 Another challenge with my own custom design on top the original fem design.
- Landing Page Animation done in gsap.
- Changing Words Animation done in vanilla JS.
- Error Animations done in framer-motion (due to exit animations)
- Input Field Animations done in vanilla CSS.
For optimum animation experience, recommended viewing dimensions: 1440x800
- I've built the form using react-hook-form for functions and yup for validation.
- Modal component built by using Dialog component by headlessui
- The placeholder text for terms of services generated by ChatGPT (who would have written all that text anw :) )
It is also responsive for mobile.
And finally with this submission, i've officially completed all newbie challenges 🔥
🦊 Smoothly Animated Sign-up Form [Redesign] + [react-hook-form] 🦊
#framer-motion#gsap#react#animationShawn(Heongi) Yeo• 190@hyeo151
Posted
Love your work !
1 - Themba619• 60
@Themba619
Submitted
Feel like I overused my position relative. please criticize my work the harsher the better please don't hold back trying my best to improve every day.
Shawn(Heongi) Yeo• 190@hyeo151
Posted
Hi Themba619, Here are few more things you can try to work on,
- Try to center the main component in a page.
- add some media query to change your design to mobile when screen width hits 375px
- Use linear-gradient for your result section to mimic the design look.
- pay attention to spacing of each elements and font sizes.
- Update your readme.md to impress your github visitors !
I have just started my frontend Mentor projects too !! Feel free to provide me some feedback as well and follow my profile ~
Hope you find my feedback useful ! happy coding : )
Marked as helpful
1
