Skip to content
Submitted 6 months ago

responsive social-links-profile with pure html and css

João Vitor Morita•210
@joaomorita
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?

This one was a quick one, I think I could do real close to the challenge, so proud about that

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

Actually I didn't find any real challenge, was very smoothie

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

If anyone can look at my solution and give me some feedbacks about any area I can improve, I'll be gratfull

Community feedback

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

    Hey ! Great work out there i just notice that you are using margin to center the social links component , i suggest that since you are using display : flex in body you can add its related properties and add height , by add those you can now achieve properly center the social links component. that's all happy coding !!

    body {
  background-color: hsl(0, 0%, 8%);
  display: flex;
  height: 100vh; // add this
  align-items: center; // add this
  justify-content: center; // add this
}

    main {
  margin: auto; // remove this
  width: 300px;
  background-color: hsl(0, 0%, 12%);
  border-radius: 10px;
}
    Marked as helpful
    0
    João Vitor Morita•210
    @joaomoritaPosted 6 months ago

    Thank you for your feedback! @AkoToSiJeromeEh

    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