Skip to content

Fix footer mobile layout: left column alignment and right column wrapping#16

Draft
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-footer-column-alignment
Draft

Fix footer mobile layout: left column alignment and right column wrapping#16
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-footer-column-alignment

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 24, 2026

  • Fix Footer.astro: change justify-evenlyjustify-between for all breakpoints (left column alignment)
  • Fix FooterMenu.astro: remove pl-5 on mobile, add whitespace-nowrap to ul (right column crowding/wrapping)
  • Fix SocialLinks.astro: add pl-0 to ul to override global CSS padding-left: 1.5rem that was causing icons to be indented relative to the copyright text below

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 24, 2026

Deploy Preview for gildev ready!

Name Link
🔨 Latest commit eaa2748
🔍 Latest deploy log https://app.netlify.com/projects/gildev/deploys/69ebb826c254f40008e0b478
😎 Deploy Preview https://deploy-preview-16--gildev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 57
Accessibility: 95
Best Practices: 92
SEO: 100
PWA: -
View the detailed breakdown and full score reports

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

@gildotdev
Copy link
Copy Markdown
Owner

@copilot if you go to https://deploy-preview-16--gildev.netlify.app/ in a mobile view the social icons in the footer do not align on the left with the text below it.

Copy link
Copy Markdown
Contributor Author

Copilot AI commented Apr 24, 2026

@copilot if you go to https://deploy-preview-16--gildev.netlify.app/ in a mobile view the social icons in the footer do not align on the left with the...

Fixed in eaa2748. The global CSS (global.css) applies padding-left: 1.5rem to all ul elements, which was pushing the icons row ~24px to the right while the <p> copyright text below had no such padding. Added pl-0 to the <ul> in SocialLinks.astro to override that and align both on the left edge.

Copilot AI requested a review from gildotdev April 24, 2026 18:36
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.

2 participants