@gerrcass
Posted
Wow congratulations, your solution is outstanding🎉✨👌. Very clean and also I like your workflow with Tailwind, I have made a couple of notes to improve mine. It would be interesting to know a little about your workflow to code pixel perfect👀.
Regarding animations, I also want to improve that skill. I have used Framer Motion on a couple of times for microinteractions, but just today a friend of mine recommended these links to me to understand about motion principles and then apply them with a library or CSS @keyframes.
- 👉Disney’s motion principles in designing interface animations
- 👉12 Principles of Animation (Official Full Series)
On the other hand, about your solution I noticed that resizing the window while the mobile menu is open should allow the vertical scrollbar to be visible once it reaches desktop size. I know this isn't something the average user would do, but I ran into that problem in my last challenge and fixed it by adding a listener with Window.matchMedia() to change the styles of the body tag accordingly (let me know if you get a better solution).
Happy coding! 💪🙌
Marked as helpful
@MelvinAguilar
Posted
@gerrcass Hello!! Sorry for the delay, thank you very much for the advice and links; I will take them into consideration when creating a new solution. Also, I have now uploaded another challenge, please review it and let me know if you find any errors.
Also, to make the solution look similar, I use PerfectPixel to place a semi-transparent image and thus attempt to recreate the screenshot.
@MelvinAguilar Thank you