Submitted about 1 year ago

responsive social-links-profile with pure html and css

João Vitor Morita•210

@joaomorita

A solution to the Social links profile challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

Jeje•2,050
@AkoToSiJeromeEh
Posted about 1 year 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

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