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

Responsive Profile Card Component

@ekremilkan

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 everybody. Here is my solution for profile card component. I've got some issues on background section. I'm open to advices for it. Thank you ! :)

Community feedback

Mansour 220

@Mansour0007

Posted

Hello Ekrem Good job Try using background positioning background-image: url(/images/bg-pattern-top.svg), url(/images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: right 52vw bottom 35vh, left 48vw top 52vh;

Good luck

Marked as helpful

1

@ekremilkan

Posted

@Mansour0007 Thank you Mansour. I tried and it worked. Thanks for the help.

1
Web Wizard 5,690

@rsrclab

Posted

Hi, @ekremilkan ~

Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. I think your solution to background is wonderful.

Here are some of the tips I like to provide. I suggest you to try BEM for classing elements. It will help you on bigger projects.

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 ~

Marked as helpful

1

@ekremilkan

Posted

@tymren608 Thank you so much for suggest. Your solution helped me a lot.

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