Submitted over 2 years ago

NFT Preview Card

Filipe Lander• 20

@flx-lander7

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Henrique• 110

@henmachuca

Posted over 2 years ago

Hi Filipe! I would try to add the icon inside the image overlay as it seems to be missing from your submission.

Marked as helpful

Filipe Lander• 20

@flx-lander7

Posted over 2 years ago

@henmachuca Eu tentei colocar, mas a parte do posicionamento eu me perdi um pouco. A questão do posicionamento (relative, absolute etc.).

Vou tentar revisar

Henrique• 110

@henmachuca

Posted over 2 years ago

@flx-lander7 não vi que era br também hehe! Cara, se precisar de alguma ajuda avisa que posso te mostrar como

Travolgi 🍕• 31,400

@denielden

Posted over 2 years ago

Hi Filipe, great job!

Adding main tag for Accessibility and try to remove all margin from body and use flexbox to the body for center the card. Read here -> flex guide

Also set heigth of body to 100vh because Flexbox aligns to the size of the parent container.

Hope this help and happy coding :)

Marked as helpful

Filipe Lander• 20

@flx-lander7

Posted over 2 years ago

@denielden Obrigado Deniel. Vou dar um olhada e ajustar.

Please log in to post a comment

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