Skip to content
Submitted almost 3 years ago

NFT preview card component

juan9f•10
@juan9f
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

Community feedback

  • Johangly Sucre•230
    @johanglyPosted almost 3 years ago

    Hi, i have tips for you :), i recomend use this html structure:

          <body>
          <main>
              <article class="card"
              </article>
          </main>
      </body>

    If you can, don't use the width, the max-width property is better and more adaptable, try with the max-width: 350px to the card, and min-width is good too.

    To separate text, divs, img, etc etc use the margin.

    if you want to center the card use display:flex, justify-content:center, align-items:center, this you will center everything inside the div.

    the main tag add min-height: 100vh for use all screen.

    the report for more details about the accesibility.

    good luck, and if you need anything I'm here to help you.

    Bienvenido :3

    Marked as helpful
    0
  • juan9f•10
    @juan9fPosted almost 3 years ago

    Thank you for your help, I will keep in mind to continue improving.

    1

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