Skip to content
Submitted over 1 year ago

Profile card component

Achinta Haldar•140
@FSwebdeveloper
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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•220
    @Karrar-HusseinPosted over 1 year ago

    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•220
    @Karrar-HusseinPosted over 1 year ago

    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
    Achinta Haldar•140
    @FSwebdeveloperPosted over 1 year ago

    @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

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