Submitted about 3 years ago

NFT Preview Card Component

JimiIT92•70

@JimiIT92

A solution to the NFT preview card component challenge

Preview Code

Solution retrospective

How did you managed the image overlay? Did you use some cool and/or advanced CSS tricks?
Did you use SASS as well?
How did you properly placed the image inside the card?
Is there a way to properly center and resize the card, no matter the screen size, without using the max-width css property?

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Mohamed Khaled•160
@mohamedkhaled4053
Posted about 3 years ago
for the overlay, you can just make the container element flex in your case make nft-image flex with display: flex

for me, I used the ::before pseudoelement for the overlay
Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord