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

Ham 340

@hmac100

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?

Was a bit more confident with flex after second attempt felt like I had more control doing the mobile version

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

Tending to go Desktop to Mobile. In the mobile I was struggling with the positioning of buttons in mobile till I realised I forgot to add align-items: center on the parent container. Oops !

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

Am trying to be more pro with the css vars and :root value -properties - not sure if it's too much for a small project but reckon it's a good habit to develop. Any advice on boiler plate css would be welcome.

Community feedback

mohabelel 100

@mohabelel

Posted

Your solution is good, I have a small tip for you. use min-height 100vh on body element to center your content perfectly.

0

Ham 340

@hmac100

Posted

@mohabelel Thanks for the tip : ) Will use from now on - much appreciated

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