Time Tracking Dashboard Main

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 11 months ago

  Hello there 👋. Good job on completing the challenge !

  The design is beautiful, very similar to the solution. This requires a lot of effort. Regarding your question:

  • Yes and no, the issue is that BEM (Block Element Modifier) has a specific naming convention, which is the use of hyphens to separate the block, element, and modifier.

    The sintaxis for the classes is something like:

    block__element--modifier
    

    • block: A standalone component on a webpage.
    • element: A part of a block, always nested inside a block
    • modifier: A variation or modification of a block or element.

    Using exercise__title__img suggests two blocks, and it's not following the BEM convention. Instead, you could use exercise__title-img , exercise__image or title__img but never something like name1__name2__name3__name4

    Additionally, BEM includes modifiers, which are used to represent the different states or variations of a block or element. These modifiers are appended to the block or element with a double underscore. For example, exercise__title--large could be a modifier for a larger title.

  I hope you find it useful! 😄 Happy coding!

  Marked as helpful

  0