Skip to content
Submitted almost 2 years ago

NFT card

Eduardo Salazar Jordão de Almeida•30
@eu-salazar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This challenge was more difficult then others, because the card have more element and more spaces between then, so that complicated me a bit. Anyway, I liked this challenge :)https://eu-salazar.github.io/CARTAO-NFT/

Community feedback

  • Adriano•38,060
    @AdrianoEscarabotePosted almost 2 years ago

    Oi Eduardo Salazar Jordão de Almeida, tudo bem? Tudo está muito bom, mas tenho algumas dicas que acho que você vai gostar:

    Temos que garantir que todo o conteúdo esteja contido em uma região de referência, designada com elementos de referência HTML5.

    elementos de referência HTML5 nativos:

    <body>
    <header>Este é o cabeçalho</header>
    <nav>Esta é a navegação</nav>
    <main>Este é o principal</main>
    <footer>Este é o rodapé</footer>
</body>

    Para alinhar algum conteúdo no centro da tela, prefira sempre usar display: flex; vai deixar o layout mais centralizado!

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

    o restante está ótimo!

    espero ter ajudado... 👍

    0

Please log in to post a comment

Log in with GitHub

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