Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing social links page using css flex display

@EO-emmanueloni

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,070

@MahmoodHashem

Posted

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
Discord logo

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