Skip to content
Submitted 10 months ago

Social Links Profile using Flex and Grid Properties

Jimi Akinleye•10
@Agewiser
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had difficulty applying a margin-top property to the profile image and nothing seemed to work. Can you help me understand why?

Community feedback

  • Madu Jang•340
    @MJspittaPosted 10 months ago

    Very nice work! To answer your difficulty, you can use padding-top in your main container (e.g. padding-top: 32px) to push the avatar down. As a suggestion, you can set the border to none (border: none;) for the buttons so that the button blends with the background. I hope that helps :)

    Marked as helpful
    0
    Jimi Akinleye•10
    @AgewiserPosted 10 months ago

    @MJspitta thank you so much. I'll implement them ASAP!

    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