Skip to content
Submitted 3 months ago

Social links profile

OB•30
@Bunmi-Ogundele
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?

When I first got into frontendmentor I actually found this intimidating and had no idea how to even start the page but with practice and learning more about html and css I was able to create a copy and getting it quite close to the original without help at first.

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

I was bothered by how even though the container was in the center it was at the top and not slightly in the middle of the page as shown in the original post. To overcome it it lead to me doing research on "rem" once figuring that out I had worked my way around it.

Community feedback

  • Svitlana Suslenkova•5,360
    @SvitlanaSuslenkovaPosted 3 months ago

    body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body). You can use grid instead of flex too(with some changes). Hope you found this comment helpful :)

    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