Skip to content
Submitted 3 months ago

Social Links Profile using HTML, CSS, FlexBox and Grid

Mehrine•120
@DarkMoonLit
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?

I was able to finish this challenge in less than 1 hour and i used a new component: Grid for my layout. I need to increase my readability for CSS.

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

I was not as familiar with Grid but with some external resources, I was able to acquire the knowledge necessary to complete this project.

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

Since I am working on a mobile-first workflow, I want to see how the different screen size changes the layout; bigger font size and such.

Community feedback

  • Aram Hekimian•410
    @HekimianzPosted 3 months ago

    Looks good! Here are some suggestions:

    • Get rid of the button's border to make it look more clean and similar to provided design.
    • Fix the sizing of the image, looks a bit unproportional.

    Overall looks good and close to the design. Good work!

    Marked as helpful
    1
    Mehrine•120
    @DarkMoonLitPosted 3 months ago

    Hi @Hekimianz Thanks for the suggestions.

    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