NFT card component

Community feedback

• 

  Toluwaa•1,040

  @Toluwaa-oPosted almost 2 years ago

  Hello, instead of using a <hr>, you can wrap the 'eth' div and 'days' div in one div, and use a border-bottom on that. It has the same effect. Something like this:

  <div class="stats"> <div class="eth"> <img src="images/icon-ethereum.svg" alt=""> <p>0.041 ETH</p> </div> <div class="days"> <img src="images/icon-clock.svg" alt=""> <p>3 days left</p> </div> </div>

  /* css */ .stats { border-bottom: 1px solid gray; }

  And concerning adding the author, i would suggest creating a div tag for the bottom and put the author img and the other details in it. Something like this:

  <div class="author-details"> <img src="" alt="Author"> <p>Creation of <span>Jules Wyvern</span></p> </div>

  I hope this is helpful. Let me know if you have any other questions.

  Marked as helpful

  0
• 

  aykutminikli•280

  @aykutminikliPosted almost 2 years ago

  I checked your code and saw that your hr is in your div with flex class. Put hr after that div ends and you can continue after that.

  0