Are there any tools that check how my layout matches BEM?

Question

BEM

Hello! I am studying BEM. I want to take CSS and HTML from him (that is, only the naming methodology). Are there any tools that can analyze my layout and styles and show how BEM compliant it is? Here I am laying out the layout. And how can I understand whether I made it correctly (from the BEM point of view) (I wrote HTML and CSS. Without putting elements into folders, etc.). Maybe I somehow misunderstood this methodology. But if there is no way to check the work for correctness, how will I know about it?

Answer 1

To put it simply, the meaning of BEM, in layout, is so that you can take and move any block (even a block within a block) to any place on the site and nothing will shatter for you, i.e. do not bind your block to the parent in the layout, it lives its own independent life in your DOM. You will immediately have a question: "But my block in another place on the page looks different, on the main one it has a beige background, and on the secondary it has a blue one, and are the fonts different and the location there?". This is what modifiers are responsible for, which are assigned to elements if necessary => you can play around with the check by dragging your BEM-designed block to different places