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 com Flexbox

msumii 80

@msumii

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


Olá, tentei fazer mais um desafio do Frontend Mentor utilizando Flexbox novamente, qualquer feedback ficarei agradecido :))

OBS: Peço perdão se o card ficou menor do que o design em si, minha tela é apenas 1280x720 e acaba ficando complicado fazer tamanho maior, apenas isso.

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala @msumii!

Sua solução ficou excelente!

Tenho uma sugestão sobre o seu código que pode te interessar:

📌 Se você não tiver os arquivos de design Figma, recomendo usar uma extensão de navegador chamada Perfect Pixel.

Ela permite que você compare seu projeto finalizado com as imagens de design que aparecem quando você baixa o projeto e verifica as dimensões (quase exatas). É muito útil!

Espero que seja útil pra você em projetos futuros! 😊

Fora isso, ótimo trabalho!

Marked as helpful

1

msumii 80

@msumii

Posted

Olá @danielmrz-dev!

Agradeço demais o feedback e realmente vejo que a ferramenta que você mencionou parece ser bastante funcional e útil, mas infelizmente tenho uma tela de resolução menor que os arquivos de design e acaba ficando grande demais se fosse fazer da mesma forma que está no design.

Mas podexá que vou fazer bom proveito dela logo logo, obrigado pelo feedback e sugestão!!

1

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