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-Links-Profile

#accessibility
dewyrag 90

@dewyrag

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?

Instead of relying on margins I will use flexbox to center containers.

I will build mobile-first from now on.

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

I had difficulty deciding whether to use links or buttons, I decided to go with buttons and then I forgot how to stack buttons ontop of eachother. I used w3schools to help me with that. I had trouble with making it responsive, before i was relying on margins but now from watching a youtube video I learned a trick with Grid.

Also having difficulties making the buttons round.

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

Whenever I use border-radius on the buttons the sides get cut off. Bettering responsiveness. Learning how to center containers an items inside of containers with flexbox instead of CSS Grid.

Community feedback

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