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 with pure html and css

@mellaniecristine

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


I have no idea about how can i make the background. If could someone help me, i would love. Any hint is welcome.

Community feedback

Guilherme Dias• 70

@guidiasz

Posted

I also don't know how to make the background. If somoene explain, would be great. Otherwise, good job!

1

@mellaniecristine

Posted

@guidiasz thanks!!

1

@Willearyson

Posted

nice job, on the css page use background-image:url('') in the body tag to put a background image

0
Web Wizard• 5,690

@rsrclab

Posted

Hi, @mellaniecristine ~

Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like trying BEM structure of your project.

Here are some of the tips I like to provide. You can use two images for background-image property, or pseudo elements.

https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp

Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

Cheers ~

0
Hazem Yahea• 80

@Hazemyahea

Posted

You will put the two images of Circles in body and make it's display fixed position ant control them via top and bottom .. and sure you will set background color #18A1AD

You can look to code in my profile

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