My footer is overlapping the section above it on Desktop and tablet view.
I’d like to keep the footer at the very bottom and not overlap with the other sections.
I’d also like to do this properly so that when I add the footer to other pages, it will not conflict with the above sections.
Thank you in advance 
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Sorry if the preview link looks strange. I decided to add a exclusive class to the section above the footer that will add padding to push the footer down.
I will have to repeat this for every page and I’m not sure if this is best practice… So any input is still appreciated. 
@devmasterdev just edit your footer and increase the top margin until it looks good. Also, try using columns instead of grids, they’re much better