NFT-preview-card-component

Community feedback

• 

  Ian Rioba•450

  @Rioba-IanPosted about 2 years ago

  Your solution is match on. You did quite great.

  On the very last part as in styling those elements, you could wrap them inside a div. Let me copy paste your code below and how we could align them in the center.

  <img class="avatarImage" src="images/image-avatar.png" alt="avatar">  
    <span class="author">Creation of <span class="name">Jules Wyvern</span></span>
  

  You could wrap them inside a div e.g

  <div class="creator">
  <img class="avatarImage" src="images/image-avatar.png" alt="avatar">  
    <span class="author">Creation of <span class="name">Jules Wyvern</span></span>
  </div>
  

  Styling:

  .creator{
  display: flex;
  flex-direction: row;
  align-items: center;
  }
  

  Marked as helpful

  0

  ---

  

  gabilucuta•220

  @gabilucutaPosted about 2 years ago

  @Rioba-Ian Thanks man !!

  0

  

  Ian Rioba•450

  @Rioba-IanPosted about 2 years ago

  @gabilucuta You're welcome, you can use css grid. I am also learning css grid, I find flexbox easier but grid has its powers in more complex designs.

  Marked as helpful

  1