Skip to content
Submitted 27 days ago

Social links profile using flexbox

yvonnem111•100
@yvonnem111
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

That by eye it looks pretty similar to the task.

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

Working out that I could not tab with li pseudo classes so changed to the anchor tag pseudo classes instead.

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

Just if I could have coded it in a better/more simple way.

Community feedback

  • yvonnem111•100
    @yvonnem111Posted 27 days ago

    Thanks for the feedback @Pogo182028. I appreciate the comments:) I am not sure why the screenshot is so small but the live link should show the larger more accurate size of the profile card and font sizes. The base font size used is 14px then the others are between 0.7em - 1.3em

    0
  • Dunston Ivanno Madariaga Ramos•120
    @Pogo182028Posted 27 days ago

    I found the use of the unordered list (<ul>) particularly interesting: it's a clean and semantic way to structure social links. Except for the font size and section width (which could be adjusted), everything looks fantastic.

    0

Please log in to post a comment

Log in with GitHub

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