
Profile Card Component With Position Fixed Background Bubbles
Design comparison
Solution retrospective
The background for this one was exceptionally difficult. I started dabbling in background images which is a fascinating topic in and of itself. It took me quite the while to figure it out.
Basically, the idea was to fix the background in place so that it stays behind the card component in a frozen state just like it is in the design regardless of screen size.
Hopefully others find this solution helpful. You can check out the git for a more in depth explanation in the README.md.
I also discovered Josh W Comeau's Shadow Palette Generator! Man, what a great tool. His websites are amazing and his knowledge almost godlike.
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