Submitted over 3 years ago

Profile card component - HTML/SASS

Rayane• 1,935

@RayaneBengaoui

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello everyone !

I'd like to get a feedback on how to position correctly background images. Here I tried to play with background-position and background-size but I can't get a good render and the code is not very clean too. So I guess there is a simpler/better way to achieve it ?

Thank you and happy coding ! :)

Community feedback

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hi, Enayar! 👋

Nice job on this brand new challenge! 👍

I haven't actually completed this challenge yet, so while I might not be able to tell you exactly how to position the background images to match the original design perfectly, I might suggest giving the width and height of the background equal values so that they scale uniformly when the screen is resized. Your solution still looks good, though! 😉

Keep coding (and happy coding, too)! 😁

Rayane• 1,935

@RayaneBengaoui

Posted over 3 years ago

@ApplePieGiraffe Thank you for the advice ! :)

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