Add centering for custom footers

[miniwater]

Has a fixed width,
But it's not centered.

[netlify]

✅ Deploy Preview for hugo-hextra ready!

Name	Link
🔨 Latest commit	a48a170
🔍 Latest deploy log	https://app.netlify.com/sites/hugo-hextra/deploys/67fb8536eea5630008a6ad46
😎 Deploy Preview	https://deploy-preview-649--hugo-hextra.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[imfing]

I'd recommend doing centering in the custom footer instead of making every custom footer centered.

[miniwater]

Wait, but the parent div custom player has a fixed width！！！

{{- $footerWidth := "hx-max-w-screen-xl" -}}
{{- with .Site.Params.footer.width -}}
  {{ if eq . "wide" -}}
    {{ $footerWidth = "hx-max-w-[90rem]" -}}
  {{ else if eq . "full" -}}
    {{ $footerWidth = "max-w-full" -}}
  {{ end -}}
{{- end -}}

<div
      class="hextra-custom-footer {{ $footerWidth }} hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400"
    >
</div>

.hx-max-w-screen-xl {
    max-width: 1280px;
}

So，Is there a conflict？

[miniwater]

I'd recommend doing centering in the custom footer instead of making every custom footer centered.

When the parent element has a maximum fixed width and is left-aligned, the child element's horizontal centering becomes misaligned within the page layout.

[imfing]

Thanks, now the custom footer should be consistent with other footer elements