All solutions

Hey Everyone 👋

I found this challenge far more difficult than I anticipated, but I learned a lot as a result.

My biggest challenge was making those pesky background SVG bubbles responsive. I persisted with media queries and am happy with my result, but I realized by the sheer number of media queries required that there must be a better way...

And wouldn't you know it, there is! 
@ApplePieGiraffe's solution cleverly utilised a combination of viewport width, height units and percentages to make the SVGs subtly change their position when the screen is resized. 
Stumbling upon it after all my media query struggles was like unexpectedly kicking a bar of gold - it hurt, but I’m so grateful for the lesson! 😂



Here’s to smoother, more concise responsive code in the future. 



Hi ho, hi ho, to learn some more I go..." 🎶

Happy coding all!

Hey everybody! 🙃

Utilizing Sass made this challenge an absolute breeze. I highly recommend it, especially because the documentation is so accessible and easy to follow.

Thank you for all your suggestions, many of them were extremely helpful ! 🤩

"Hi ho, hi ho, to challenge number three I go..." 🎶

Happy coding y'all!!

Hey everybody! 🙃

This is my first Frontend Mentor challenge. I enjoyed the process of building it and learnt a few valuable things along the way!

Thank you for all your feedback and guidance - you guys really made a big difference! 🤩

"Hi ho, hi ho, to the next challenge I go..." 🎶

Happy coding!!