Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
2
Mic-Saw
@Mic-Saw

All comments

  • C.HYO (Dopest-HYO)•40
    @Dopest-Hyo
    Submitted over 2 years ago

    NFT preview card component

    1
    Mic-Saw•360
    @Mic-Saw
    Posted over 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
  • Marija Havaic•150
    @marijahavaic
    Submitted almost 3 years ago

    Order summary card solution

    4
    Mic-Saw•360
    @Mic-Saw
    Posted almost 3 years ago

    Once you have mastered the BEM notation (and Sass), I suggest you familiarise yourself with the 7-1 method of organising code; it is very useful for more complex projects.

    https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub