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

Social Media Links using CSS and HTML

P

@AnthonyChaiditya

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 most proud of the way I structured the HTML for this page - I feel like it really helped the styling to be much easier. I am also happy with the way that I approached the problem. What I would do differently is I would use media queries for responsiveness based on screen size - as of right now if the screen gets too small, the buttons stay the same size and outsize the card container.

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

The most challenging part about this challenge for me was the spacing between elements on the card. To overcome this, I made sure that I was keeping track of where I was implementing margins and padding to the content.

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

I would like help with responsive design! I would like to know how to use media queries the correct way, and I would also like help with making sure that the card container and buttons shrink with the change in layout.

Community feedback

rjzhao1 50

@rjzhao1

Posted

Styling and main file is very well organized.

Profile pic link is broken. Profile Title should be bolded and color is slightly different. Otherwise looks good.

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