Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Social-Links-Profile

accessibility
dewyrag•230
@dewyrag
A solution to the Social links profile challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on dewyrag's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License