Загрузочный подвал с колоннами теряет почву

---

В основном я сделал нижний колонтитул с черным фоном. У меня есть 3 Col-4 в нем с различной информацией в них. На рабочем столе это выглядит нормально, но на мобильном телефоне столбцы складываются, что я и хочу. Когда они складываются, нижний колонтитул не идет дальше, поэтому под ним есть большая белая секция. Мне было интересно, может ли кто-нибудь взглянуть и предложить что-нибудь. Коды, вероятно, грязные, так как я новичок.

HTML
<!-- стиль CSS

#footer {
	height: 200px;
	position: absolute;
	bottom: 0;
	background-color: #000000;
	width: 100%;

}





}

HTML

 <footer>
      <div class="container-fluid">
      <div class="row">
 <div class="col-sm-4 col-md-4">
<br>
<br>
Home<br>
Services<br>
Gallery<br>
About<br>
Contact
 </div>
  <div class="col-sm-4 col-md-4">
      <aligncenter>Check Out Our Other pages</aligncenter><br>
      <aligncenter2><img src="Facebook-icon.png" width="50" height="51" alt=""/><br>
    <img src="YouTube-icon-full_color.png" width="50" height="36" alt=""/><br>
    <img src="new-instagram-icon-topic.png" width="50" height="48" alt=""/></aligncenter2>
 </div>
 <div class="col-sm-4 col-md-4">
      <div class="container-fluid" <br>
<br>
<alignright>
Registered office<br>

14 Stott Court<br>

Tweedmouth<br>

Berwick-Upon-Tweed<br>

Northumberland<br>

TD152YP
</alignight>
      </div>

-->

---