@Toluwaa-o
Posted
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