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 - frontend mentor solution

ajrm16 70

@ajrm16

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Pickle 160

@Augurk66

Posted

Very good job on the design!

I see you also use flexbox. You can shorten your CSS by making a class which once declares to center your elements with flexbox. For example:

.flex-center { display: flex; justify-content: center; align-items: center; }

.. and just add .flex-center class to the HTML elements which you want to center. In your case that will be only two elements. But I think if you start to get used to this method, it will save you a lot of lines of code in the future projects.

Also it would be cool to add actual links <a> to your buttons.

Good luck and keep coding!

Marked as helpful

0

ajrm16 70

@ajrm16

Posted

@Augurk66 thank your commenting about how I construct my code. I will try to incorporate that with my next challenges.

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