DEFECT: Footer

[naragurgel]

Footer was not fixed at the bottom of the page
The footer was moving up and down accordingly with the page content.

To Reproduce
Steps to reproduce the behavior:

1. Go to home page
2. Click on Workout
3. You will see the footer moving

Expected behavior
The footer should be fixed at the bottom of the page.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome

Smartphone (please complete the following information):
Device: iPhone 11pro
OS: iOS 14.7.1
Browser: Safari
Version: 11.1

[naragurgel]

Resolution Steps
Add this code to the style :
.main-bg {
background-color: #212529;
min-height: calc(100vh - 196px);
}

Resolution Screenshots