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 challenge from frontend

Ashley 20

@ashhh266

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


Here is my first attempt at this challenge. Took forever to get the hover effect on the main image. This is my 2nd challenge (ever). Any feedback is greatly appreciated!

Community feedback

Account Deleted

Hi Ashley.

Congratulation on finishing your second project. You have some some accessability and html errors, these can be resolved by using <main> <header> and <footer> tags. Put your container as the class for main, put your image in the header element and the accreditation in the footer and also your code should usually have an <h1> element so change that from the <h3> and style accordingly. To check your code before before submitting you can use the html validator and css validator sites. They will identify any issues in your code.

0

@retrovertigo1981

Posted

Hi Ashley!

Excellent work, congratulations.

If you like you can check my solution to the challenge and comment on it:

https://www.frontendmentor.io/solutions/ntf-card-component-using-html-and-css-Dn9cJV3YP

greetings from Chile

cheers~

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