Skip to content
Submitted 6 months ago

Social links profile

Mel•90
@devmelody
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

What are you most proud of, and what would you do differently next time?

I am mainly happy that I was able to get my work done on time.

What challenges did you encounter, and how did you overcome them?

I had little issues with making my work interactive, although I believe that's sorted now.

What specific areas of your project would you like help with?

I believe I'm good at the moment, although if anyone has a differing opinion or tips, please feel free to let me know.

Community feedback

  • JuvoGenesis👾•2,010
    @AkoToSiJeromeEhPosted 6 months ago

    Hey ! Great work out there i just notice that the social links component does not vertically align on center , you are correct by applying display : flex on the body and its related properties but the thing why the justify-content does not work because there are no height applied on body , so by applying height on the body you can achieve properly align the component in center. that's all happy coding !!

    body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh-1px); // remove this 
  background-color: hsl(0, 0%, 8%);
  color: hsl(0, 0%, 100%);
  margin: 3rem;
  min-height: 100vh; // add this
}
    Marked as helpful
    0
  • Mel•90
    @devmelodyPosted 6 months ago

    Thank you very much, @AkoToSiJeromeEh It worked! I had been wondering how to go about it for a long time before now. I'm really thankful and I appreciate your help a lot. Thank you!

    1
    JuvoGenesis👾•2,010
    @AkoToSiJeromeEhPosted 6 months ago

    @devmelody great it help and works :) , np ! Happy coding

    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