Description

Currently, on the website, the <h2> tag placed within the <main> tag is not centered as expected, and it lacks the mx-auto class to ensure proper horizontal alignment. This issue affects the visual presentation and consistency of the content.

Steps to reproduce:

1. Navigate to finder.eddiehub.io.
2. Inspect the HTML structure.
3. Locate the <main> tag containing the <h2> tag.
4. Observe the lack of horizontal centering and the absence of the mx-auto class.

Expected behavior:
The <h2> tag within the <main> tag should be horizontally centered using the mx-auto class to maintain consistency with the design.

Screenshots

Without mx-auto

With mx-auto

Additional information

Browser: [Mozilla Firefox 122.0, Chromium 122.0.6261.69 Arch Linux]

If this issue is still open, I would be interested in working on it. Please let me know if there's anything I can do to help resolve this.