Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Links Profile using HTML, CSS, FlexBox and Grid

Mehrine 120

@DarkMoonLit

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P

@Hekimianz

Posted

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

@DarkMoonLit

Posted

Hi @Hekimianz Thanks for the suggestions.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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