title: Am I following the BEM method correctly?
body: <pre><code>&lt;footer id="colophon" class="site-footer"&gt;
          &lt;div class="site-footer__form-container widget-area"&gt;
              &lt;div id="footer-sidebar1"&gt;
                  &lt;?php if(is_active_sidebar('footer-sidebar-1')){
                              dynamic_sidebar('footer-sidebar-1');
                          }
                  ?&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="site-footer__nav-container"&gt;
  
                  &lt;div class="site-footer__events"&gt;
                      &lt;h3 class="site-footer__title"&gt;Events&lt;/h3&gt;
                      &lt;ul class="site-footer__nav-list"&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./special-events" class="site-footer__link"&gt;Parade Of Lights&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./special-events" class="site-footer__link"&gt;SeaFair&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./special-events" class="site-footer__link"&gt;Burials At Sea&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="site-footer__about"&gt;
                      &lt;h3 class="site-footer__title"&gt;About us&lt;/h3&gt;
                      &lt;ul class="site-footer__nav-list"&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./owners" class="site-footer__link"&gt;Owners&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./blog" class="site-footer__link"&gt;Blog&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
  
                  &lt;/div&gt;
                  &lt;div class="site-footer__contact"&gt;
                      &lt;h3 class="site-footer__title"&gt;Weddings&lt;/h3&gt;
                      &lt;ul class="site-footer__nav-list"&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./wedding-info" class="site-footer__link"&gt;Wedding Info&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="site-footer__list-item"&gt;
                              &lt;a href="./wedding-menus" class="site-footer__link"&gt;Wedding Menus&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="site-footer__contact-container"&gt;
              &lt;p class="site-footer__phone"&gt;(206) 123-4567&lt;/p&gt;
              &lt;p class="site-footer__address"&gt;
                  &lt;a href="#" class="site-footer__link"&gt;1234 Water St. Seattle, WA 98107&lt;/a&gt;
              &lt;/p&gt;
              &lt;div class="site-footer__icons-container"&gt;
                  &lt;div class="site-footer__facebook"&gt;&lt;/div&gt;
                  &lt;div class="site-footer__instagram"&gt;&lt;/div&gt;
                  &lt;div class="site-footer__twitter"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="site-footer__copyright-container"&gt;
              &lt;p class="site-footer__copywrite"&gt;Copyright © 2017 Friendship Charters. All Rights Reserved.&lt;/p&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
  </code></pre>
  
  <p>Here I am trying to write the HTML for a footer of a website, and I am wondering if I am correctly following the BEM methodology/style guide. It's pretty confusing to me. I'm never sure if I should create more 'blocks' or not. Would this be correct? Thanks for any insight. </p>