Frontend Mentor | Desktop responsive component w/ min and max width coding challenge solution

Community feedback

@danielmrz-dev

Posted 9 months ago

Olá @ricardodcc!

Seu projeto ficou excelente!

Tenho uma sugestão:

Notei que você usou margin pra afastar o card do topo da página e centralizá-lo. Existe uma forma mais eficiente de posicionar um elemento no centro da página, sem o uso de margin ou padding:

Aplique isso ao body:

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

Espero que ajude!

Fora isso, seu projeto está ótimo!

Marked as helpful

@ricardodcc

Posted 9 months ago

@danielmrz-dev Thanks for the tip :) I was always doing with margin/padding in the other projects and definitelyit it was not the best way to do it.

Desktop responsive component w/ min and max width