NFT card using css Flexbox

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted about 1 year ago

  Nice well done, you are almost there. A few tips

  • You don't need to do a calculation on the height height: calc(100% / 2); change it to height: 100%;. With the height calculation the picture is half the normal height.
  • Why did you placed an image tag inside a p tag. Avoid this, use p tags only for text. You could have done something like this.

  HTML

  <div class="coin-price">
    <img src="images/icon-ethereum.svg" alt="">
    <p>0.041ETH</p>
  </div>
  

  CSS

  .coin-price {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  

  Marked as helpful

  0