How to position a BEM block that is a child of the main tag? How to position the header block which is a child of the body?

Question

BEM

How to position a BEM block that is a child of the main tag? How to position the header block which is a child of the body? Thanks

Answer 1

The question is a little strange. BEM prescribes everything quite clearly and unambiguously. Easier nowhere.
Of course, I don't know your structure, but in principle it could be something like this:

<div class="site">
        <header class="site__header"></header>
        <main class="site__main page">
            <div class="page__breadcrumb breadcrumb"></div>
            <article class="page__article">
                <div class="page__title"><h1></h1></div>
                <div class="page__content"></div>
                <footer class="page__footer"></footer>
                <aside class="page__meta-information"></aside>
            </article>
        </main>
        <footer class="site__footer"></footer>
    </div>

In any case, there is no strict framework, just follow the general recommendations of the methodology.