@Dev-Y0USubmitted over 1 year ago
•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
@hyeo151All comments
- @MelvinAguilarSubmitted over 1 year ago
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. 😊✌️
- @irematessSubmitted over 1 year ago@hyeo151Posted over 1 year ago
You animation is spot on ! Font size for profile could be alittle smaller
0 - @SanjoymajeeSubmitted over 1 year ago
- @visualdennissSubmitted over 1 year ago
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 🔥
- @Themba619Submitted over 1 year ago
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.
@hyeo151Posted over 1 year agoHi 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 helpful1
