NFT preview card

nice job. you can see that the 3day left is taking new line. you can fix this by removing ul in the sub2 and making it as display flex. this code will help you to align items.

ie) in html

<div class="sub2"> <div class=""><img src="images/icon-ethereum.svg" alt="">0.041 ETH</div> <div class=""><img src="images/icon-clock.svg" alt="">3 days left </div> </div> css style:

.sub2{ display: flex; justify-content: space-between; align-items: center;

}

it will be aligned in one line and you can give some margin for the image. so the is little space between image and text.

Hi! I noticed some issues listed below:

1. Hover effect on image is absent. Suggestion Add image using container along with image using absolute and relative position.

2. 0.041 ETH 3 days left Data is not align to center. Suggestion use display property in both li and ul element's css. Little bit work will solve your issue.

3. To much shadow at left bottom side. Suggestion

   use box-shadow: 0 10px 20px 1px black; instead of box-shadow: 10px 15px 5px black;

I hope you understand and my suggestions may help to solve your issues.

Good Luck