NFT Preview Card Component using React

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months ago

  Hello there 👋. Good job on completing the challenge !

  • It seems you've already aligned the text with the image using display: flex and align-items: center, which is a good approach. However, the issue with the text being pushed down, it might be due to the margin-top: 15px in your .text p styles.

    .text p {
      color: var(--soft-blue);
      font-size: 14px;
      margin-top: 15px; /* This is the main issue - this margin is pushing down the paragraph, preventing proper alignment. */
      font-weight: 300;
    }
    
    /* You can clear the margin using this, and it should center correctly. */
    .static p {
      margin: 0;
    }
    

  I hope you find it useful! 😄

  Happy coding!

  Marked as helpful

  1

  ---

  

  Parviz Azeroglu•150

  @ParvizAzerogluPosted 12 months ago

  @MelvinAguilar Thank you for your help. This solution solved the problem 👍

  0