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

@FSwebdeveloper

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


Hello, Frontend Mentor Coding community. I have almost completed this challenge but I have questions, How to apply white padding on Victor's image in an easy method and How to use a background pattern on top and bottom also?

  • All Feedback is Well Come.

Community feedback

@Karrar-Hussein

Posted

And for the circles in the background, you just need to position them with the right values you could try something like this: background-position: right 49vw bottom 45vh, left 49vw top 50vh;

and I hope that fix your problem .

happy coding😁🔥

Marked as helpful

1

@Karrar-Hussein

Posted

Hi, nice solution 🔥. For your problem you don't really need a padding, you just need to add a white border around your image something like this border: 3px solid white; and you're good to go!✨

Marked as helpful

0

@FSwebdeveloper

Posted

@Karrar-Hussein thank you for your opinion. I will apply these tips to that next project.

1

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