Skip to content
Submitted about 2 years ago

NFT preview card component

C.HYO (Dopest-HYO)β€’40
@Dopest-Hyo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

hello. nice to see you. For the first time, I played the role of a 'frontend mentor'. I am looking for a concise and clean code. How can I write cleaner code than the code I submitted? As a beginner, I am very inexperienced. Any feedback is good. Thanks for the good feedback.

Community feedback

  • Mic-Sawβ€’360
    @Mic-SawPosted about 2 years ago

    This is only your first project and you are already using variables, a rare practice for beginners - well done. Also your project looks great. However, I would have a few suggestions about the organization of the code itself...:

    1. It would be good to organize it according to some criteria: https://css-tricks.com/poll-results-how-do-you-order-your-css-properties/

    2. When it comes to naming classes - I recommend the BEM method: https://css-tricks.com/bem-101/

    3. For larger projects, it is worth dividing the code into several smaller files according to the 7-1 method: https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture (but that's after learning about the SASS preprocessor)

    Developing these habits will make your work much easier, especially on larger projects.

    Happy Coding!

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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