Submitted almost 5 years ago

Responsive profile card with svg patterns

LVL 1

Hugo Lindoso Correia•40

@HugoLc

A solution to the Profile card component challenge

Preview Code

Solution retrospective

I had 2 major issues:

I tryed to use the .svg pattern as a background-image like this... background-image: url(image/bg-pattern-card.svg); ...but it didn't work. So I used an img instead.
The gray line between the middle and bottom of the card isn't so thin like the model. Is there a way to make it thinner? I used border-top: 1px;

I hope you guys can give me some feedback!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Hugo Lindoso Correia’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