Skip to content
Submitted 8 months ago

Nft-preview-card-component-main

Jose Alfredo•130
@Angolapa
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

Hello, I hope you are well here. I'm sharing the solution to this challenge. Any feedback is welcome; currently, I am studying and applying knowledge. You can find me on LinkedIn to stay in touch.

Hola buenas espero estén bien acá, dejo la solución a este desafío. Cualquier comentario es bienvenido, actualmente me encuentro estudiando y aplicando conocimientos me puedes encontrar en Linkedin y así poder estar en contacto

Community feedback

  • Daniel 🛸•44,250
    @danielmrz-devPosted 8 months ago

    Hello @Angolapa!

    Your project looks great!

    I have one suggestion for you to improve it even more:

    • Using margin is not the best option to center an element. Here's a very efficient (and better) way to place an element in the middle of the page both vertically and horizontally:

    📌 Apply this to the body (in order to work properly, don't use position or margins):

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

    I hope it helps!

    Other than that, great job!

    Marked as helpful
    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