![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/cyiinn1jhopqzgugwte8.jpg)
Responsive Huddle Landing Page With Animated Wave SVGs
Design comparison
Solution retrospective
Hey, everybody!
This was a fun project in which I learned a little more about scaling and animating SVGs.
I spiced up the page a little by animating the wavy SVG backgrounds to slowly move back and forth across the page!
(Since this was the first time I tried out something like this, my code was slightly messier than I would have liked, but I hope to improve with time. 😉)
Also, I seem to have a bunch of issues with my HTML in my solution report because I used inline SVGs that apparently have lots of duplicate IDs. Is there a better way to use inline SVGs to avoid this problem?
Any feedback is welcome and much appreciated!
Happy coding! 🎉
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