Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Profile Card Component With Position Fixed Background Bubbles

P
Arthur•290
@ArthurPog
A solution to the Profile card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Arthur's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License