Responsive Landing page for NFT card using Bootstrap CSS HTML

You could create an ovelay on the image.

For ease you could create a container for your image and then create a layer that will eventually display using positioning properties like: absolute and relative, and opacity.

Here it is explained very well and based on this documentation: https://www.w3schools.com/howto/howto_css_image_overlay.asp

Hi, @ajdaviscodes~

Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like your classing elements.

Here are some of the tips I like to provide.

1. There is no hover effect on NFT image. And that one is the challenging part here. So primarily necessary.
2. I hope you to add transition effects for the heading and creator name.
3. Setting 25% of margin makes card shrunk on smaller devices, and that doesn't look good.

https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

Cheers ~

i can't access the github link i get 404 error, check the link