Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Y-Direction Overflow on Home, About Us, and Additional Page Due to Footer Misalignment #587

Closed
wants to merge 2 commits into from

Conversation

rajveeerr
Copy link
Contributor

This pull request fixes the Y-direction overflow issue on the Home page, About Us page, and [Additional Page] caused by the misalignment and incorrect positioning of the footer section. The changes ensure that the footer remains properly aligned and positioned, preventing any overflow that degrades the user experience.

Changes Made:

  • Adjusted the footer's CSS properties to maintain consistent alignment across all pages.
  • Modified positioning to ensure the footer stays within the viewport and does not cause any overflow in the Y direction.
  • Ensured that the fix applies to all relevant pages without breaking the layout.

Fixes Issue:

Closes #575

Screenshots:

  • Before:
Screenshot 2024-10-15 at 8 01 59 PM
  • After:
Screenshot 2024-10-15 at 7 57 47 PM

Testing:

  1. Tested the fix on the Home page, About Us page, and the additional affected page across various screen sizes.
  2. Verified that the footer remains within the viewport and does not cause any scrolling or overflow in the Y direction.
  3. Checked that the layout remains consistent and responsive.

Checklist:

  • The code follows the project's code style guidelines.
  • I have performed a self-review of the code.
  • No new bugs or regressions were introduced.

Copy link

netlify bot commented Oct 15, 2024

Deploy Preview for rococo-mooncake-0d89f7 ready!

Name Link
🔨 Latest commit d9d51f5
🔍 Latest deploy log https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/67210b9e76a3eb0008c66673
😎 Deploy Preview https://deploy-preview-587--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @rajveeerr! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

@rajveeerr
Copy link
Contributor Author

rajveeerr commented Oct 16, 2024

@Anjaliavv51 can you please review this pr

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Mobile Version Overflow in Y Direction – Footer Elements Causing UX Issues
2 participants