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

3-column-preview-card-component

@gleidsonfagno

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


qualquer opinião será bem vinda.

Community feedback

Adriano 34,090

@AdrianoEscarabote

Posted

Oi gleidson fagno, tudo bem?

Gostei muito do resultado do seu projeto, mas tenho algumas dicas que acho que você vai gostar:

Uma boa prática para centralizar o conteúdo é usar grid ou flex-box, evite usar margin ou padding para fazer posicionamentos, use apenas no último caso! podemos fazer assim:

flex-box:

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

grid

body {
    display: grid;
    min height: 100vh;
    place-content: center;
}

O resto está ótimo!

Espero ter ajudado... 👍

Marked as helpful

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