NFT Preview Card using HTML and CSS

Hi Janessa, you should read more on CSS's position, especially how relative and absolute works together to achieve such effect on the hover state.

Rather than use <hr>, nest "eth" and "clock-days" container in a div block, give it the following css properties: display:flex; justify-content:space between; border-bottom:1px solid grey; (whatever color it is). Also, don't forget to specify a width for the container.

You can check out my code on GitHub https://github.com/aeorck/femnft. CHeers!

I think one approach to handle aligning the icon and the text is to nest them within a flex container and align them in the center vertically. Also, it might be appropriate to place the icon and the text in a footer element. Here is a link to a code sandbox where I aligned the icon and the text if you want to take a look. I did have to override some margin properties and display properties as well. https://codesandbox.io/s/tender-scott-huyce1?file=/index.html