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

@lucasgcosta1

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 managed to do it in a short time,

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

I had a little trouble centering the buttons at first.

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

nothing, I think it's almost perfect

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

É... de fato... o projeto ficou quase perfeito, mas há algumas mudanças que podem ser feitas. Não sei se você fala português mas por ser Olinda - PE, acho que seja brasileiro mesmo.

Algumas dicas HTML

• Primeira coisa é respeitar a hierarquia de títulos. Todo site deve conter um <h1> ( até aqui tudo bem ), além disso... você não pode pular e usar um <h3> direto, não pode. Para usar um h3, você deveria ter utilizado pelo menos um <h2> anteriormente, e assim por diante. É h1, h2, h3, h4, h5, h6, na ordem, sem pular.

• Você pode usar a tag <main> ao invés da div com a classe "card".

• Não é recomendado utilizar a tag <button> para os botões que te levem para sites externos pois para criar um botão que leve para links externos como GitHub, Instagram, LinkedIn, etc., a melhor abordagem em HTML é usar a tag <a> estilizada como um botão. Essa abordagem é recomendada porque a tag <a> é semanticamente correta para links. Em resumo... tem que fazer uso dessa tag e estilizar ela com CSS como se fosse uma <button>

0

@dDevAhmed

Posted

Hello @lucasgcosta1,

Great job on the social links profile project! The design is visually appealing, and your use of Flexbox and semantic HTML is excellent. The card is responsive, adjusting well across different screen sizes. You've done a fantastic job, and your project is a strong example of effective front-end development. Keep up the great work!

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