ammended broken misaligned footer to responsive footer

[cosmicTitiksha]

ammended broken misaligned footer to responsive footer. Thanks for this amazing opportunity.

[greptile-apps]

Greptile Summary

This PR addresses footer alignment issues across the CodeClip application by implementing a comprehensive responsive footer solution. The changes span three key files:

1. index.html: The entire body content has been wrapped in a new .body-wrapper div container, creating a structural foundation for proper layout management. This wrapper enables flexbox-based layout control where the header, main content, and footer can be properly positioned regardless of content height.

2. styles/main.css: A complete footer styling implementation has been added, featuring a dark theme design (#181717 background) with flexbox layout management. The footer includes responsive breakpoints at 478px for mobile devices, uses the 'Oooh Baby' font family for headings, and implements a 90% width container with rounded top corners that integrates well with the existing design system.

3. submit-challenge/styles.css: The submit-challenge page has been updated with a similar responsive structure by removing body padding and adding a .page-wrapper class that uses min-height: 100vh flexbox layout to ensure consistent footer positioning across the application.

These changes create a unified responsive design pattern where footers remain properly positioned at the bottom of the viewport, addressing the misalignment issues shown in the provided screenshots. The implementation follows modern CSS practices using flexbox for layout management and maintains consistency with the existing dark theme aesthetic of the CodeClip application.

PR Description Notes:

• Contains a typo: "ammended" should be "amended"

Confidence score: 2/5

• This PR has structural issues that could break existing layouts and requires additional HTML changes to work properly.
• The score reflects missing HTML wrapper div in submit-challenge page and potential CSS conflicts with existing styles that aren't addressed.
• Files needing attention: submit-challenge/index.html (missing page-wrapper div), and thorough testing of all pages to ensure no layout breaks occurred.

_{3 files reviewed, 2 comments}

_{Edit Code Review Bot Settings | Greptile}

[cosmicTitiksha]

@adityai0 please check this!