Gist for my "WordPress: Managing Your Theme's Footer With Widgets." tutorial/article on https://since1979.dev/wordpress-adding-widget-areas-to-your-themes-footer/

footer-widgets.php

<section class="footer">
				
    <div class="pure-g">
        
        <div class="pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1-5 pure-u-xl-1-5">
            
            <?php dynamic_sidebar( 'footer_area_one' ); ?>
            
        </div>

        <div class="pure-u-1 pure-u-sm-1-3 pure-u-md-1-3 pure-u-lg-1-5 pure-u-xl-1-5">
            
            <?php dynamic_sidebar( 'footer_area_two' ); ?>
            
        </div>
        
        <div class="pure-u-1 pure-u-sm-1-3 pure-u-md-1-3 pure-u-lg-1-5 pure-u-xl-1-5">
            
            <?php dynamic_sidebar( 'footer_area_three' ); ?>
            
        </div>
        
        <div class="pure-u-1 pure-u-sm-1-3 pure-u-md-1-3 pure-u-lg-1-5 pure-u-xl-1-5">
            
            <?php dynamic_sidebar( 'footer_area_four' ); ?>
            
        </div>
        
    </div>
    
</section>