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 social links profile

@ayomixx

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?

I'm proud of the fact that this project was really easy to do and it didn't take me too much time to do it.

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

The major challenge I encountered was that I wasn't sure whether to write the social media links as links or as paragraphs in my HTML file.

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

It's not really a help for the project, but I have a question. Is it possible for the social media links to be linked to each other? Like if someone clicks on a person's twitter account, Is it possible for it to be linked to the person's GitHub account?

Community feedback

iyedoo 120

@iyedoo

Posted

Good job! The main goal is achieved! But you have a lot of things to do:

  • Using the <body> tag instead of .container
  • Using the style-guide.md file for the background and text colors
  • Adding a hover effect for the buttons
  • Working on the spacing of the card
  • Understanding the concept of media queries. (You repeated the whole code in the media query)

I suggest you check other people's solutions to write cleaner and better code! Good luck!

Marked as helpful

0

@ayomixx

Posted

@iyedoo Thank you so much! Your comment means a lot.

1

@proAbenezer

Posted

To be honest the project look very bad you need to work on the card and add some padding

0

@ayomixx

Posted

@proAbenezer My project looks very bad? Even if you wanted to tell me about adding more padding, you could have said it in a better and more polite way rather than this your demeaning comment.

1

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