Fixing footer margin

source/src/app/info/info.component.html

@@ -1,3 +1,4 @@
+<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
   <article class="center mw5 mw6-ns hidden ba mv4">
     <h1 class="f4 bg-near-black white mv0 pv2 ph3">General Troop Information</h1>
     <div class="pa3 bt bg-light-blue">
@@ -97,3 +98,4 @@
       </p>
     </div>
   </article>
+</div>

source/src/app/info/info.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, inject} from '@angular/core';
+import {MobileService} from '../mobile.service';
 
 @Component({
   selector: 'app-info',
@@ -7,5 +8,5 @@ import { Component } from '@angular/core';
   styleUrl: './info.component.scss'
 })
 export class InfoComponent {
-
+  public mobileService = inject(MobileService);
 }