Skip to content
Submitted over 1 year ago

Profile card using HTML and CSS

500288•70
@500288
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

I was not able to position the profile's image at the right position, will be glad if enlighten on how to position the image properly and all comments and feedback about the project generally is welcome. Thanks.

Community feedback

  • ABDULAZIZ NOREDIN QADMOR•60
    @azeezqadPosted over 1 year ago

    Hello, I have checked your code. great work. To position the image in the right place you may use margin-top: -31px;. Negative margins in CSS refers to the usage of negative values as margins. These are used to reduce the spacing between the elements and draw them closer together. Overlapping of HTML elements will occur if the negative margin value exceeds the existing spacing between the elements.

    Marked as helpful
    0
    500288•70
    @500288Posted over 1 year ago

    @azeezqad thanks so much for the help

    0

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