Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card component

Nemanja 60

@FriendlyCodeArt

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone . I almost finished this challenge but I had a problem,I dont know how to add that background pattern image on top and bottom . So if anyone have a solution feel free to comment and I will try to finish this challengde. Thanks .

Community feedback

Adam 10

@asg-images

Posted

Hey, excellent job looks great. I done this challenge recently and I used background position to put the background image in the correct place. I am only a beginner and am still learning so not sure if this is the best way but it worked for me. I used a container div but you could just do this on the body element. I set the background color to the specified hsl code, then set background-position: right 50vw bottom 50vh, left 50vw top 50vh; and then background repeat: no-repeat, no-repeat; Hope this helps and if anyone has any better solutions would be good to know.

0
Callum 10

@CalciumG

Posted

Hey, this is what I found to try solve it - maybe it'll help you too!

https://www.w3schools.com/css/css3_backgrounds.asp

0

Please log in to post a comment

Log in with GitHub
Discord logo

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