Skip to content
Submitted 2 days ago

Responsive Social links profile challenge

Bassel || باسل•60
@Basselfathy
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?

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!

Community feedback

  • Sameer Shaikh•50
    @Sameer847Posted 2 days ago

    Nice you try different

    1
  • Dylan Heslop•1,170
    @dylan-dot-cPosted 2 days ago

    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.

    0
    Bassel || باسل•60
    @BasselfathyPosted 1 day ago

    @dylan-dot-c Thanks Dylan! Really appreciate your feedback. It's very interesting to know that font awesome provides animation feature, I'm still exploring it.

    1

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