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

@OrnellaSablic

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 am very satisfied with the final result because I think it looks very similar to the original design.

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

It's the first time I combine the use of grid and flexbox and use the grid documentation specifically to center the main container.

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

Any suggestion is welcome!

Community feedback

Daniel 240

@Flashdaniel

Posted

Nice work! But you forgot to add space (margin or padding) at the edges of the page. You also forgot to change the color of the social link on hover and used white instead.

I see you mixed fixed units and responsive units in your code. Always use Responsive units on places like font size, padding, margin, width, and fixed units on border width. You can check out this link on Dixita Ganatra to learn more on how to use them.

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