Fix Footer in mobile view #96 Resolved

[alvarotorrestx]

Related Issue

Closes: #96

Describe the changes you've made

• Changed Base start of the footer's templateColumn to templateRow and moved the templateColumn to happen after md screens w/ ChakraUI syntax.

Type of change

What sort of change have you made:

• [x ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Code style update (formatting, local variables)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

Describe how have you verified the changes made

• Testing with Dev Tools of Browser with multiple screen sizes.

Checklist:

• [ x] My code follows the guidelines of this project.
• [ x] I have performed a self-review of my own code.
• [ ] I have commented my code, particularly wherever it was hard to understand.
• [ ] I have made corresponding changes to the documentation.
• [ ] My changes generate no new warnings.
• [ ] I have added tests that prove my fix is effective or that my feature works.
• [ ] Any dependent changes have been merged and published in downstream modules.

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @Utkarshn10 on Vercel.

@Utkarshn10 first needs to authorize it.

[Utkarshn10]

Hey @alvarotorrestx can you please add a screenshot displaying the output of the changes you made. Thanks :)

[alvarotorrestx]

@Utkarshn10 Hi there! Sorry it took so long to get back to you, yes of course! Here are multiple screenshots and various media screen widths:

After 767px width, it reverts to your original layout of column