Footer example 1

Goes in footer.php

<div id="footer-sidebar" class="secondary">
<div id="footer-sidebar1">
<?php
if(is_active_sidebar('footer-sidebar-1')){
dynamic_sidebar('footer-sidebar-1');
}
?>
</div>
<div id="footer-sidebar2">
<?php
if(is_active_sidebar('footer-sidebar-2')){
dynamic_sidebar('footer-sidebar-2');
}
?>
</div>
<div id="footer-sidebar3">
<?php
if(is_active_sidebar('footer-sidebar-3')){
dynamic_sidebar('footer-sidebar-3');
}
?>
</div>
</div>
	
	
<div id="footerlegals">
&copy; <?php echo date("Y"); ?> The Comma Chameleon – All Rights Reserved<br>Website by <a href="https://littlenerdwebdesign.co.uk/"target="_blank">Little Nerd Web Design</a>
</div>

goes in CSS file

.site-info{margin-top:-25px;margin-bottom:-25px;color:#fafafa;}

#footer-sidebar{background:#ff3131;display:flex;justify-content:space-around;align-items:flex-start;padding-top:2.5em;}

#footer-sidebar1,#footer-sidebar2,#footer-sidebar3{width:33%;background:#08a409;padding:1em;margin:1em;min-height:350px;}

#footer-sidebar .in-page-icon{width:50px;height:50px;}

#footer-sidebar1 p{font-family:Knockout;font-size:1.5rem;color:#242424;text-transform:uppercase;}

#footer-sidebar1 .wp-block-latest-posts.is-grid{text-align:center;}

#footer-sidebar1 a{color:#fafafa;text-decoration:none;}

#footer-sidebar2 a{text-decoration:none;color:#242424;}

#footer-sidebar2 p{margin:0;}

#footerlegals{background:#ff3131;text-align:center;padding-bottom:2.5em;padding-top:2.5em;color:#242424;}

#footerlegals .full-inner{padding-top:1em;}

#footerlegals a{color:#242424;text-decoration:none;}