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
Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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 34,090

@AdrianoEscarabote

Posted

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
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