Submitted almost 3 years ago

Profile Card with TailwindCSS

tailwind-css

pokertour•70

@pokertour

A solution to the Profile card component challenge

Preview Code

Solution retrospective

I've got some difficulty to place the two background. If you have any tips , i'll take them :)

Code

Please log in to post a comment

Community feedback

Lucas 👾•104,160
@correlucas
Posted almost 3 years ago
👾Hello Pokertour, congratulations for your new solution!

I saw your code and to have a better control over the two circles is better you add it to body with background-image instead of using img.

See the circles applied here:
```
body {
    background-color: hsl(185deg, 75%, 39%);
    background-image: url(./assets/images/bg-pattern-top.svg), url(./assets/images/bg-pattern-bottom.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: top -500px left -275px, bottom -664px right -111px;
}
```
👋 I hope this helps you and happy coding!
Marked as helpful

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