Skip to content
Submitted over 2 years ago

Responsive NFT card

Alan•60
@Pound-Hash
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How can I get the transparent overlay to be the same size as the underlying NFT image?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Manish Mandal•650
    @manishdevelops

    hi Alan you can use the below codes to get the overlay ..

    .images {
    position: relative;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    hope it will work for you =)

    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