đĨ Animated Base Apparel Coming Soon Page đĨ
Solution retrospective
đ Greetings, fellow developers! I wanted to share that I had a blast completing this challenge. It took me 3 hours and 2 cups of coffee â to create the layout using Bootstrap, and I used React with Framer Motion for the animations. đ I also used SVG to create animated text. đĨ Finally, I wanted to thank Sir Dennis for inspiring the animation from his Solution. đ I included his name and LinkedIn account in the footer. Thanks for checking out my project! đđ
Please log in to post a comment
Log in with GitHubCommunity feedback
- @visualdenniss
Hello Saad,
thanks a lot for the shoutout and happy to hear that you were inspired by my solution! :) Good job implementing with the framer-motion!
When resizing on desktop, the image gets distorted, so you can prevent that by using object-fit: cover; on the img element. You can also add some easing to the animation to make it smoother and natural looking.
At the bottom part of the letter 'W', there seems to be some weird shapes in the svg, idk why that.
Also i think it is better to avoid using fixed/absolute values like "600"px for the initial value of the image, cuz depending on the screen size, parts of the image is visible on initial load. Consider using something more responsive, maybe percentage etc.
Hope you find this feedback helpful and keep up the great work!
Marked as helpful - @SheltonFr
Wow.... This is really amazing, lived it too much đđâ¤ī¸
- @LifeofPaks
Man you bodied this projectđĢĄ đđŊ, i obviously have a lot to learn. You just inspired me đĒđŊ... Great Job Siređ
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