Submitted over 3 years ago

Final Try on Profile Card component

Abhik• 4,840

@abhik-b

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey Frontend Mentors 👋, this is my final try on this challenge and

I have set up background images using background-image and positioned them using viewport units
I have used vanilla javascript for 3D parallax hover effect

and a lot of thanks 🙏 to ApplePieGiraffe for his valuable tip for positioning background-image and his link to this video .

Any feedback , suggestion , tips will be highly appreciated🙏

Community feedback

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hey, Abhik! 👋

You know what they say—"third time's the charm!" 😆 I think you've done a nice job on this challenge! 👍

The background SVGs are very nicely positioned and that 3D animation looks very cool! 😎

Keep on improving and coding (and happy coding, too, of course)! 😁

And happy holidays! 🎄

Abhik• 4,840

@abhik-b

Posted over 3 years ago

Thanks @ApplePieGiraffe , its your helpful feedbacks and your charming solutions which helps me improving more and more... 😇😇

Thanks for your contribution to this community.🙏

Happy Coding 🚀 and Happy holidays !🎄🥳

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

@abhik-b

Thanks for your contributions, as well! 👍 I think it's wonderful to be able to help others and be helped at the same time! 😊

juanma1331• 110

@juanma1331

Posted over 3 years ago

Wow Its beautiful. Good contribution. Keep it up! :)

Abhik• 4,840

@abhik-b

Posted over 3 years ago

@juanma1331 Thank you JuanMa1331

Please log in to post a comment

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