Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT Preview Card | Image Overlay

Nick OD 270

@NickODxyz

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi all, please let me know if the image overlay could have been done different or in anyway better.

Any feedback from anyone on my work is much appreciated.

Thanks, Nick

Community feedback

Naveen Gumaste 10,460

@NaveenGumaste

Posted

Hay ! Good Job Nick

<a href="#"> <h1 class="heading">Equilibrium #3429</h1> </a> Why did you use this like the a tag

Keep up the good work!

1

Nick OD 270

@NickODxyz

Posted

@Crazimonk thankyou.

Actually it was because the design called them active states. So I assumed it meant when the element was being clicked. If that is what you mean?

Please let me know if how I went about it wasn't correct. And thankyou for taking the time to have a look.

1
Naveen Gumaste 10,460

@NaveenGumaste

Posted

@NickODxyz active state is hover effect not links

Marked as helpful

1
Nick OD 270

@NickODxyz

Posted

@Crazimonk thankyou for the tip, I'll make a note of that for furture projects.

1
GrischK 140

@GrischK

Posted

What a perfect job Nick !!! Even the size looks perfect, amazing ;)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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