Skip to content
Submitted 4 months ago

Responsive landing social links page using css flex display

Emmanuel oni•30
@EO-emmanueloni
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?

Been a able to complete this project as a beginner

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

Nil

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

css

Community feedback

  • Mahmood•1,450
    @MahmoodHashemPosted 4 months ago

    Hello There

    Congratulations on completing the challenge

    Here are some helpful suggestions to further enhance your project:

    1. You have successfully centered the card by using flex on the body, so there is no need to apply additional styling to the main element for centering the card. This extra styling caused the card to occupy the entire vertical screen, which is unnecessary. It's best to let the content inside the card determine its height. Therefore, remove all the main selectors from the style.

    2. Keep in mind that the text-align property of the card has an inheritance characteristic, meaning that setting it to center will also center all its content, including the profile image.

    3. Don't forget to add padding to the card for a better appearance.

    Hope you find this helpful

    Great job overall

    Marked as 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