Skip to content
Submitted 7 months ago

Responsive Social links profile challenge

Bassel || باسل•520
@Basselfathy
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Proud of using Font Awesome library for first time to handle social icons.

What challenges did you encounter, and how did you overcome them?
  • Using justify-content property on main to center the card overrode the card width property.
  • overcome by using justify-self instead on card itself.
What specific areas of your project would you like help with?

Any feedback would be appreciated!

Code

Please log in to post a comment

Log in

Community feedback

  • Sameer Shaikh•60
    @Sameer847

    Nice you try different

  • Dylan Heslop•2,460
    @dylan-dot-c

    All looks good here and well written code! Only thing to do is actually link your socials here(if you want that is).

    I loved how you used the icons here as well. Font Awesome is actually nice. You can animate them as well if you want(fontawesome has some animation classes).

    For the attribution, if you put it in the div with the card(might need an extra one) you could add a margin to make it closer to the card on larger screens and making the card more vertically centered.

    ANyways well done.

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