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

mcodes97 40

@mcodes97

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@77iu

Posted

Hello!

Your solution turned out very well, but if you notice it is smaller than the original project, I suggest you open the example jpg with paint and check when the letter measures.

Another good practice is to place on the body:

max-width:1440px;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

when you do it remove margin from the container.

This way your work will always be focused.

I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.

And if you would like to learn new hover effects visit

(https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)

If you like it please subscribe and share 🙏

Greetings from Argentina!

0

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