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-basic-html.html

<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">
            
            <section>
            
                <h4>Title</h4>
            
                [ Content ]
                
            </section>
            
        </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">
            
            <section>
            
                <h4>Title</h4>
            
                [ Content ]
                
            </section>
            
        </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">
            
            <section>
            
                <h4>Title</h4>
            
                [ Content ]
                
            </section>
            
        </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">
            
            <section>
                
                <h4>Title</h4>
            
                [ Content ]
                
            </section>
            
        </div>
        
    </div>
    
</section>