Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 6 months ago

Social Links Profile - HTML and CSS

Tbehrends4587•60
@Tbehrends4587
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?

I just start with picturing it out in HTML and then I start with doing barebones CSS. This is stuff like colors and basic layout, like flexbox movement. Once I have the layout similar I start messing with sizes which takes a while. I got better with just overall layout. This one was tough and may not line up correctly with the design because I did not have measurements to use. I tried to guess most of them and keep them responsive. Once I see how it compares to the design, I will go back and fix it.

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

The biggest issues I had were sizing and layouts, both of which were hard to judge with this challenge.

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

Let me know if there is something to be updated with my HTML. I am sure it just takes more and more practice to see what works and what doesn't. The main goal of these challenges is that they can be dragged and dropped into a bigger website without messing up anything else on the page, HTML and CSS wise.

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 Tbehrends4587'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

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