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

P
trskldnt 80

@trskldnt

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 specific areas of your project would you like help with?

I will be grateful. if you check the code, structure, and leave feedback on what could be improved

Community feedback

@DylandeBruijn

Posted

Hi @trskldnt,

Great job on another finished project, you're on a roll! Nice use of CSS variables and proper class names.

Some friendly constructive feedback:

  • Instead of using height try using min-height or just padding for the buttons. When you set the height of a button to a fixed value you get overflow issues when the text of the button gets too large. You can see this problem as well when you make the viewport really small.

  • Try experimenting with relative units like rem and em. They help you make your solution responsive. More information here.

  • Instead of using border-radius: 999px; to make the image round you could use border-radius: 50%. Just for your interest.

  • Instead of using row-gap you can just use gap. If I remember correctly row-gap is used in combination with grid if you just want to set the gap on the rows and not the columns.

I hope you find my feedback helpful and if you have any other questions ask away!

Marked as helpful

1

@FireDragonSrc

Posted

Objetivo: Criar uma página web simples utilizando HTML e CSS

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