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

Profile-card-component-main

@kaiketorres

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


constructive criticism is accepted, and merry christmas and happy new year to everyone ❤️

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala Kaike!

Seu projeto ficou ótimo!

Vi que a foto de perfil ficou fora de lugar, mas tem uma maneira bem simples de consertar:

  • Primeiro: Adiciona position: relative na sua section. Como você colocou position: absolute; na div.victor-background, ela ficará com a posição absoluta em relação à sua section.

  • Segundo: Troca aquele top: 402px por top: -45px.

É isso, a foto de perfil vai ficar exatamente onde deveria 😊

Espero que ajude!

Fora isso, seu projeto ficou ótimo!

1

@kaiketorres

Posted

@danielmrz-dev cara so fui ver que tava tudo errado quando eu dei commit, faz tempo que nao usava esse position, valeu pela dica funcionou certinho

0

@Vaib215

Posted

Your result does not match the design. Just a few tweaks you need to do: Shift the code of image above the name and give it negative margin from top. You can checkout my solution from my profile

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