Как правильно оформить футер?
<div class="footer-wrap">
   <div class="item"> </div>           
   <div class="item"></div>
   <div class="item"> </div>
   <div class="item"></div>
</div>
<style>
.footer-wrap,  .item {
    box-sizing: border-box;
    }
.footer-wrap {
   margin-left: -15px;
   margin-right: -15px;
   }
.item {
   padding-left: 15px;
   padding-right: 15px;
   }
</style>
На этом принципе основан bootstrap советую ознакомиться.
Еще как вариант - использовать flexbox.
Но если не переделывать, вариант с :last-child, описанный выше, прекрасно подходит