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 component (Responsive)

@Rohit-R-Khawale

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


I tried to make the page as close to the given sample, but if there are any improvements that I can make then do drop your feedback.

Also if there are any suggestions on how to improve code writing practices and any alternative methods to do things then do drop them in the feedback, it would be of great help.....

All Feedbacks are accepted.... Thank You

Community feedback

Tux3er 760

@Tux3er-Isma

Posted

Hi Rohit!!!

I am Tux3er 🐧, a junior frontend dev and I have reviewed your code.

Congrats because it is cool 👍🏻🎉

But I will give you some tips for your next project 💡:

  • In the font-family if you haven't imported the styles from google font this won't work. There is an link example for Outfit font

  • You can also use variables in css. There is a full video and the documentation explaning variables in css. Documentation 📖 Video 📹

  • You can also use the BEM methodology to make your code easy to read. Documentation 📖 Video 📹

  • Don't forget to put the Readme.md 📖 file in your Github 😺 repository to put information about your project

  • Don't forget to put the hover states in your page. You can do this using :hover in the element.

I hope this will help you a lot 😉🌟

Continue coding like a pro 🖐🏻🐧👍🏻⌨️

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